Что это за названия?

Question

Так при написании CSS, я часто вижу людей, или веб-сайты имеют такие вещи, как

.img > border > div > #select {color:white} 

Поскольку я начал веб-разработки, я использовал только ... одинарные классы CSS.

Я не уверен, что это абсолютно правильно, но в основном все они связаны.

Как называется эта техника, и у вас, ребята, есть какие-то полезные ресурсы, о которых я мог прочитать об этом? Я пробовал и Google эту предварительную руку, но я просто не знал, как это сказать на Google.

Answer 1

Вся последовательность .img > border > div > #select обычно называется selector, так как она является частью правила CSS, которое выбирает элементы для применения правила. Однако есть целые specification, посвященные селекторам; CSS просто описывает роль селектора в правиле CSS.

> является комбинатором, в частности child combinator. Комбинаторы используются для выражения отношений между двумя элементами, в этом случае отношения родитель-ребенок: .parent > .child. Остальные, .img, border, div и #select все simple selectors различных видов.

Типичный селектор состоит из простых селекторов и комбинаторов. Вы можете иметь селектор с одним простым селектором .child, несколькими простыми селекторами div.child, комбинаторами #parent > div.child или любой их комбинацией.

Answer 2

они называются селекторами CSS. Смотрите здесь: MDN

Answer 3

Это selector и представляет собой иерархию элементов HTML документа, что он относится, т.е.

Класс образа, который имеет границу, которая имеет DIV, который имеет идентификатор выбора, применить цвет белого.

Answer 4

Знак > по существу является способом указания того, что элемент принадлежит родительскому элементу. В вашем случае элемент с идентификатором «select» имеет родительский элемент, который является div, который имеет границу с родительским элементом, который имеет класс «img». Больше информации here.

Answer 5

Они известны как детские селекторы.

Он покрыт в W3 specification, и весь путеводитель сам по себе является хорошим ресурсом с простыми примерами.

Answer 6

Вот простое и краткое объяснение с селектором вы предоставили

.img > border > div > #select {color:white} 

выше CSS иерархия селектора, где правило применяется к #selector, что находится в пределах сНа тега, пограничный тега, и класс .img

Например

<img class="img"><border><div><div id='select'>some content</div></div></border></img> 

Здесь применяется выше правило CSS.Точно так же правили можно создать следующий образом

element>element 
selector>selector 
element>selector 
selector>element 

Для получения дополнительной информации проверить это http://www.w3schools.com/cssref/css_selectors.asp

Надеется, что это помогает!