2个css选择器(一个使用>，另一个不使用)有什么区别？
2个css选择器(一个使用>，另一个不使用)有什么区别？
提问于 2013-06-23 03:05:48
我一直在想这两个选择器有什么不同：
#someID img和
#someID > img它们都会影响#someID中的img标记。
你知道它们之间有什么区别吗？
回答 4
Stack Overflow用户
回答已采纳
发布于 2013-06-23 03:07:12
>表示立即嵌套。img是#someID的直接子对象。第一个选择器将影响#someID中任何位置的所有图像。第二个将只影响直接的子代。
Stack Overflow用户
发布于 2013-06-23 03:07:37
#someID img将选择id为#someID的元素下的任何img元素。
<div id="someID">
<img href="#" /><!-- selects this element -->
<div>
<img href="#" /><!-- also selects this element -->
</div>
</div>#someID > img只会直接选择id为#someID的元素下的img元素。
<div id="someID">
<img href="#" /><!-- selects this element -->
<div>
<img href="#" /><!-- doesn't select this element -->
</div>
</div>Stack Overflow用户
发布于 2013-06-23 03:07:40
>是一个直接子选择器。
举个例子：
CSS
#wrapper > .one { border:10px solid red; }
.one { height:100px; width:100px; padding:20px; margin:50px; border:5px solid orange;}HTML
<div id="wrapper">
<div class="one">
<div class="one"></div>
</div>
</div>只有直接位于#wrapper下的.one div才会显示红色边框。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17254332
复制相关文章
相似问题
腾讯云开发者
