2009-04-14 20 views
115

我已经在CSS文件中看到了这个字符很多次,但我不知道它是如何使用的。任何人都可以向我解释它,并显示它们如何使页面样式更容易?CSS中使用“大于”或“>”字符的方式如何?

+0

BTW,>通常所知道的 “大于”(或者,严格地说错误,因为右尖括号)。 – Richard 2009-04-14 08:35:41

+1

请注意,它需要Windows Internet Explorer 7或更高版本。或FF或一些现代浏览器。 [http://msdn.microsoft.com/en-us/library/aa358819(VS.85).aspx](http://msdn.microsoft.com/en-us/library/aa358819(VS.85)。aspx) – Vili 2009-04-14 06:40:02

+0

可能的重复[什么是“>”(大于符号)的CSS选择器是什么意思?](http://stackoverflow.com/questions/3225891/what-does-the-greater-than-sign-css - 选择器的意思) – TZHX 2015-05-05 13:54:11

回答

153

这是一个CSS子选择器。 P > SPAN表示将以下样式应用于作为P标签的子标签的所有SPAN标签。

请注意,“孩子”的意思是“直系后裔”,而不仅仅是任何后代。 P SPAN后代选择器,将以下样式应用于作为P标记的子代的所有SPAN标记或作为P标记的子代/后代的任何其他标记的递归子代。 P > SPAN仅适用于SPAN标记,它们是P标记的子标记。

8

这被称为一个孩子Combinator的:

一种儿童组合子选择器中加入 能够样式包含其它 指定的元素内 元素的含量。例如, 假设您想为某个类设置白色作为中的超链接的 颜色,因为它们具有深色背景 。这可以通过使用一个周期到 与类资源 结合DIV和一个大于符号作为 组合子到所述一对带, 结合来 实现,如下所示:

div.resources > a{color: white;} 

(从http://www.xml.com/pub/a/2003/06/18/css3-selectors.html

102
p em 

将匹配任何<em>这是一个<p>内。例如,它会匹配以下<em> S:

<p><strong><em>foo</em></strong></p> 
<p>Text <em>foo</em> bar</p> 

在另一方面,

p > em 

只会匹配<em> S中的的<p>直接孩子。所以它会匹配:

<p>Text <em>foo</em> bar</p> 

但不是:

<p><strong><em>foo</em></strong></p> 
相关问题