用于第一个直接子级的css
用于第一个直接子级的css
提问于 2013-11-04 09:01:47
我有以下html结构：
<div class="nav-collapse">
<ul class="nav">
</ul>
<ul id="registerCart" class="nav pull-right">
</ul>
</div>我只想把下面的规则应用于第一个导航器，所以我做到了：
.nav-collapse > .nav {
left: 135px;
}然而，这也适用于registerCart。我怎样才能把这个应用于第一个导航？
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-11-04 09:03:38
使用第一个子选择器：
.nav-collapse .nav:first-child {}如果有更多嵌套的.nav元素，则可以将其与直接子选择器组合。
.nav-collapse > .nav:first-child {}Stack Overflow用户
发布于 2013-11-04 09:28:57
>运算符意味着它将只选择已定义父级的直接子级(因此是一个层次深度)的匹配子级，而不是从定义的父级中匹配所有级别上的所有子级。
使用:第一个子程序是完全可以的，但是当涉及动态内容时，IE7和IE8可能会出现一些问题。有关已知问题，请参见http://www.quirksmode.org/css/selectors。当有疑问时，根据它的类或id属性选择第一个子属性。
Stack Overflow用户
发布于 2019-10-21 09:51:21
如果您将类“导航”改为“nave”，它将按原样工作！我怀疑“导航”是个保留词。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19764405
复制相关文章
相似问题
腾讯云开发者
