例如:
div > p.some_class {
/* Some declarations */
}
>符号到底是什么意思?
当前回答
html
<div>
<p class="some_class">lohrem text (it will be of red color )</p>
<div>
<p class="some_class">lohrem text (it will NOT be of red color)</p>
</div>
<p class="some_class">lohrem text (it will be of red color )</p>
</div>
div > p.some_class{
color:red;
}
所有带有.some_class的<p>的直接子元素都将获得应用于它们的样式。
其他回答
所有带有some_class类的p标记，它们是div标记的直接子标记。
它匹配div下面的类some_class中的p个元素。
CSS中的大符号(>)选择器意味着右侧的选择器是左侧选择器的直接后代/子选择器。
一个例子:
article > p { }
意思是只设置文章后面的段落样式。
html
<div>
<p class="some_class">lohrem text (it will be of red color )</p>
<div>
<p class="some_class">lohrem text (it will NOT be of red color)</p>
</div>
<p class="some_class">lohrem text (it will be of red color )</p>
</div>
div > p.some_class{
color:red;
}
所有带有.some_class的<p>的直接子元素都将获得应用于它们的样式。
正如其他人提到的，它是一个子选择器。下面是相应的链接。
http://www.w3.org/TR/CSS2/selector.html#child-selectors
