例如,在此代码中:
tr:last-child>td:first-child {
-webkit-border-radius: 0 0 0 25px;
border-radius: 0 0 0 25px;
}
' TR:最后子'表示tr类型的最后一个元素。 ' TD:第一孩子'表示td类型的最后一个元素。什么是'>'他们之间的标志是什
答案 0 :(得分:0)
>组合器分隔两个选择器,并仅匹配第二个选择器匹配的元素,这些元素是第一个匹配的元素的直接子元素。相反,当两个选择器与后代选择器组合时,组合选择器表达式匹配由第二选择器匹配的元素,其中存在与第一选择器匹配的祖先元素,而不管"跳数&#34的数量; DOM
https://developer.mozilla.org/en/docs/Web/CSS/Child_selectors
在你的情况下:
tr:last-child>td:first-child {
-webkit-border-radius: 0 0 0 25px;
border-radius: 0 0 0 25px;
}
它说tr的直接孩子
答案 1 :(得分:0)
这意味着第二个选择器应该是第一个选择器的直接子选项
示例
<div>
<p>hi</p>
</div>
和
<div>
<section>
<p> hi </p>
</section>
</div>
如果你这样做
div>p {
color : red;
}
第一个案例的颜色为红色,因为 p 是 div
的直接孩子(&gt;)而在第二种情况下,它通常称为后代,而不是直接的孩子
在此处阅读更多内容https://developer.mozilla.org/en/docs/Web/CSS/Child_selectors
答案 2 :(得分:0)
在这种情况下,它指向tr:last-child中的元素,即td:first-last。你正在编写CSS属性......!