css - 在 CSS 中使用子选择器 (>) 有问题吗？

Question

我不确定我是否记得正确，但我想我曾经读过在 css 规则中使用 > 选择器是一种不好的做法？有人可以阐明这个话题吗？

例如:

<style>
#search-form {
 ... whatever rules...
}
#search-form > input[type=text] {
 ... rules...
}
#search-form > button {
 ... rules ...
}
</style>
<form id="search-form">
    <input type="text" placeholder="Search...">
    <button>Search!</button>
</form>

Answer 1

这当然不是坏习惯，但应该在了解利弊的情况下使用。使用子选择器 (E > F) 将只选择直接子选择器，并且由于这会阻止完整的后代遍历，因此浏览器应用后代选择器 (E F) 的时间会更少>).但是，IE6 不支持该元素，因此如果这对您很重要，请避开。

这有一个很好的写和一些不错的链接:CSS child vs descendent selector