2017-01-30 1 views
2

Я изучал «комбинированный селектор», используя MDN. Это означает, что, помещая A и B вместе (где A и B могут быть любым селектором), он выбирает любой элемент, который одновременно сопоставляет оба A и B.Как работает комбинированный селектор «AB»? где «А» и «В» - любой селектор?

Не могли бы вы объяснить, как это работает?

Я понимаю, как работает другой комбинированный селектор, т. Е. «A B», «A> B», «A + B» и «A B», но стеки на то, как работает «AB».

enter image description here

ответ

2

Это просто означает, что элемент должен был бы иметь оба класса должны быть совпавшие. Например

<div class="A B"> 

Это будет выбрано по правилу

.A.B { //rules } 

Имена классов в элементе должны быть разделены пробелом, но селектор CSS не будет иметь места между именами классов. Это будет второй случай в вашем примере таблицы и в другой ситуации.

+1

О, это имеет смысл сейчас! большое вам спасибо за вашу помощь! – Thor

+1

Добро пожаловать. IMO таблица MDN была бы более ясной, если бы они предваряли «A» и «B» с периодом, как в реальном мире. – j08691

+0

thats true. Я даже пытался разместить теги «div» и «p» вместе lol глупый me – Thor

2

Вы берете любые два селектора, и вы пишете их вместе без чего-либо между ними.

Например, пусть быть селектор типа для <a> элементов и B быть селектор псевдо-класс :focus.

a:focus 
+0

Большое спасибо за ваши комментарии! теперь я понимаю! – Thor

Смежные вопросы