css:'>'标志意味着两个元素之间?

时间:2016-12-11 18:28:07

标签: css

例如,在此代码中:

tr:last-child>td:first-child {
    -webkit-border-radius: 0 0 0 25px;
    border-radius: 0 0 0 25px;  
}

' TR:最后子'表示tr类型的最后一个元素。 ' TD:第一孩子'表示td类型的最后一个元素。什么是'>'他们之间的标志是什

3 个答案:

答案 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属性......!