Проблематично использовать дочерний селектор (>) в 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 против потомка селектора

Answer 2

Дочерний селектор соответствует только непосредственному потомку левого бокового селектора.Это может или не может быть тем, что вы хотите, но применение определенного стиля для всех потомков, независимо от того, насколько глубоко они находятся под левым селектором, более распространено.: я действительно не хочу совпадать с span в p под #mydiv.А как насчет span в li в #mydiv?И т. Д. Может быть, вы не - может быть, вы делаете.Важная часть состоит в том, чтобы понять, что он делает .

Answer 3

Селектор > не поддерживается в IE6, поэтому, если вам нужно поддерживать старые браузеры, вы не сможете его использовать.

http://caniuse.com/#feat=css-sel2

Кроме этого, естьнет причин не использовать его.