Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 第n个子项()只有一个属性有效-为什么?_Html_Css_Css Selectors - Fatal编程技术网

Html 第n个子项()只有一个属性有效-为什么?

Html 第n个子项()只有一个属性有效-为什么?,html,css,css-selectors,Html,Css,Css Selectors,有人知道为什么只有背景色:f2eaea;在.response表内tr:n-child4n+2正在工作 边界:19px实心e6d9d9;不是,我不明白为什么 我从互联网上获取了一些代码。我试着在其他课程中使用它,它正在发挥作用 .可响应{ 利润率:1米0; 宽度:100%; 溢出:隐藏; 背景:FFF; 颜色:570101; 边界半径:10px; 边框:1px实心911515; } .可响应tr{ 边框:1px实心e6d9d9; } .响应tr:nth-child4n+2{ 背景色:f2eaea

有人知道为什么只有背景色:f2eaea;在.response表内tr:n-child4n+2正在工作

边界:19px实心e6d9d9;不是,我不明白为什么

我从互联网上获取了一些代码。我试着在其他课程中使用它,它正在发挥作用

.可响应{ 利润率:1米0; 宽度:100%; 溢出:隐藏; 背景:FFF; 颜色:570101; 边界半径:10px; 边框:1px实心911515; } .可响应tr{ 边框:1px实心e6d9d9; } .响应tr:nth-child4n+2{ 背景色:f2eaea; 边框:19px实心e6d9d9; } .响应表th{ 显示:无; 边框:1px实心FFF; 背景色:911515; 颜色:FFF; 填充:1em; } .响应表th:第一个孩子{ 显示:表格单元格; 文本对齐:居中; } .响应表th:nth-child2{ 显示:表格单元格; } .响应表th:nth-child2 span{ 显示:无; } .响应表th:n-child2:after{ 内容:ATRTH数据; } @介质最小宽度:480px{ .响应表th:nth-child2 span{ 显示:块; } .响应表th:n-child2:after{ 显示:无; } } .可响应td{ 显示:块; 单词包装:打断单词; 最大宽度:7em; } .负责人td:第一个孩子{ 显示:表格单元格; 文本对齐:居中; 右边框:1px实心e6d9d9; } @介质最小宽度:480px{ .可响应td{ 边框:1px实心e6d9d9; } } .响应表th、.响应表td{ 文本对齐:左对齐; 边缘:.5em 1米; } @介质最小宽度:480px{ .响应表th、.响应表td{ 显示:表格单元格; 填充:1em; } } 名字 姓 出生日期 关系-> 史蒂夫 福 01/01/1978 投保人-> 史蒂夫 福 01/01/1978 投保人-> 史蒂夫 福 01/01/1978 投保人-> 试试这个

.可响应{ 利润率:1米0; 宽度:100%; 溢出:隐藏; 背景:FFF; 颜色:570101; 边界半径:10px; 边框:1px实心911515; 边界塌陷:塌陷; } .可响应tr{ 边框:1px实心e6d9d9; } .响应tr:nth-child4n+2{ 背景色:f2eaea; 边框:19px实心e6d9d9; } .响应表th{ 显示:无; 边框:1px实心FFF; 背景色:911515; 颜色:FFF; 填充:1em; } .响应表th:第一个孩子{ 显示:表格单元格; 文本对齐:居中; } .响应表th:nth-child2{ 显示:表格单元格; } .响应表th:nth-child2 span{ 显示:无; } .响应表th:n-child2:after{ 内容:ATRTH数据; } @介质最小宽度:480px{ .响应表th:nth-child2 span{ 显示:块; } .响应表th:n-child2:after{ 显示:无; } } .可响应td{ 显示:块; 单词包装:打断单词; 最大宽度:7em; } .负责人td:第一个孩子{ 显示:表格单元格; 文本对齐:居中; 右边框:1px实心e6d9d9; } @介质最小宽度:480px{ .可响应td{ 边框:1px实心e6d9d9; } } .响应表th、.响应表td{ 文本对齐:左对齐; 边缘:.5em 1米; } @介质最小宽度:480px{ .响应表th、.响应表td{ 显示:表格单元格; 填充:1em; } } 名字 姓 出生日期 关系-> 史蒂夫 福 01/01/1978 投保人-> 史蒂夫 福 01/01/1978 投保人-> 史蒂夫 福 01/01/1978 投保人->
这里有一些无效代码。请通过HTML验证程序运行您的代码并修复您的问题。您希望的行为是什么?可能需要使用border collase:collapse on the table,尽管这将删除您在我正在测试的TDS可能的副本之间的间距。我还想换成更厚的边框,每四行中的第一行。