“>”在CSS中的含义是什么？

可能重复：
What does “>” mean in CSS rules?“>”在CSS中的含义是什么？

什么是>符号意味着CSS？我在我的Wordpress博客主题中注意到它，并想知道它在做什么。

#access li:hover > a, 
#access ul ul :hover > a, 
#access a:focus { 
    background: #efefef; 
} 
#access li:hover > a, 
#access a:focus { 
    background: #f9f9f9; /* Show a solid color for older browsers */ 
    background: -moz-linear-gradient(#f9f9f9, #e5e5e5); 
    background: -o-linear-gradient(#f9f9f9, #e5e5e5); 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */ 
    background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); 
    color: #373737; 
} 
#access ul li:hover > ul { 
    display: block; 
}

来源

2012-02-28 Ocelot

这意味着，只有 “第一嵌套” 的元素将有针对性（ “子” 元素），例如

<div id="a"> 
     <div id="b"> 
     <div id="c"> 
     </div> 
     </div> 
    </div>

，如果你写

#a div{ 
background: red; 
}

那么这两个＃ b和#c将是红色的，但如果您使用>像

#a > div{ 
background: red; 
}

然后只有#b会红色，#c不会。

来源

2012-02-28 18:21:09 mkk

我认为如果您在'id = a'' div'下添加'id = d'的另一个'div'，*视觉*显示所有'child'元素将被选中，您的答案会更有帮助。 :) – 2016-10-03 23:17:22

这是一个子选择器（也称为子组合器）。您可以在万维网联盟（W3C）的网站上找到有关选择器的更多信息，您可以在其中阅读CSS2 entry on the child selector 或者直接跳至CSS3 entry on the child selector。

而且，这里是从另一个伟大的报价SO质疑约CSS Child vs Descendant selectors：

试想什么样的话“孩子”和“后裔”的英文意思是：

我的女儿我的孩子和我的后裔

我的孙女不是我的孩子，但她是我的后裔。

来源

2012-02-28 18:19:30

CSS2选择器规范已被CSS3规范所取代，因为它现在是推荐标准（也有一个很酷的URL）：http://www.w3.org/TR/selectors – BoltClock 2012-02-28 18:44:56

@BoltClock好点。 – 2012-02-28 19:23:37

li > a匹配li的一个子元素。对于任何选择器，请参阅请参阅W3C CSS page。

来源

2012-02-28 18:21:16 Jay

“>”在CSS中的含义是什么？

回答

相关问题