Мобильная версияПочему невозможно объединить дочерний/потомковый и группирующий селектор? [дубликат] ⇐ CSS
-
Anonymous
Почему невозможно объединить дочерний/потомковый и группирующий селектор? [дубликат]
Я не могу спокойно понять правила создания селекторов, состоящих из более чем одного селектора.
Я подумал, что возможно, чтобы такие селекторы, состоящие из более чем одного селектора, содержали в качестве своей части экземпляры других селекторов, которые также состоят из более чем одного селектора. И из того, что я видел, иногда это возможно. нет. Например, вот HTML:
Документ div { граница: сплошная красная 10 пикселей; поле: 10 пикселей; } п{ цвет фона: оранжевый; } div>div,p{ граница: сплошная черная 7 пикселей; цвет фона: синий; } AAA ААА
AAA
ААА
AAA
ААА
AAA AAA
ААА
Почему в отношении элементов div все работает так, как ожидалось, только элементы div, которые являются дочерними элементами других элементов div, стилизованы по третьему правилу, а остальные — по первому правилу, но по какой-то причине абзац стилизован в соответствии с третьим правилом даже думал, что это вообще не дочерний элемент div.
Тогда я подумал, может быть, это потому, что для абзаца не определено какое-либо правило, а затем в соответствии с каким-то правилом, о котором я не знаю, браузер применяет к нему любой стиль, который находит на странице, поэтому я решил определить стиль специально для абзац со вторым правилом. Но что еще более сбивает с толку, так это то, что по какой-то причине не только третье правило применяется к p, находящемуся за пределами div, и даже не к его потомку, но третье правило также переопределяет второе правило, специально определенное для абзаца.
Меня это очень сбивает с толку, я не понимаю, почему я не могу объединить эти селекторы. Насколько я понимаю, до сих пор сначала нужно было выбрать все элементы внутри div, а затем второй селектор группировки должен выбрать все элементы внутри div, которые имеют тип div и p. Но, видимо, это не так, и я как-то все неправильно понял. Каковы же именно правила создания селекторов в CSS, состоящих из более чем одного селектора?
Я не могу спокойно понять правила создания селекторов, состоящих из более чем одного селектора.
Я подумал, что возможно, чтобы такие селекторы, состоящие из более чем одного селектора, содержали в качестве своей части экземпляры других селекторов, которые также состоят из более чем одного селектора. И из того, что я видел, иногда это возможно. нет. Например, вот HTML:
Документ div { граница: сплошная красная 10 пикселей; поле: 10 пикселей; } п{ цвет фона: оранжевый; } div>div,p{ граница: сплошная черная 7 пикселей; цвет фона: синий; } AAA ААА
AAA
ААА
AAA
ААА
AAA AAA
ААА
Почему в отношении элементов div все работает так, как ожидалось, только элементы div, которые являются дочерними элементами других элементов div, стилизованы по третьему правилу, а остальные — по первому правилу, но по какой-то причине абзац стилизован в соответствии с третьим правилом даже думал, что это вообще не дочерний элемент div.
Тогда я подумал, может быть, это потому, что для абзаца не определено какое-либо правило, а затем в соответствии с каким-то правилом, о котором я не знаю, браузер применяет к нему любой стиль, который находит на странице, поэтому я решил определить стиль специально для абзац со вторым правилом. Но что еще более сбивает с толку, так это то, что по какой-то причине не только третье правило применяется к p, находящемуся за пределами div, и даже не к его потомку, но третье правило также переопределяет второе правило, специально определенное для абзаца.
Меня это очень сбивает с толку, я не понимаю, почему я не могу объединить эти селекторы. Насколько я понимаю, до сих пор сначала нужно было выбрать все элементы внутри div, а затем второй селектор группировки должен выбрать все элементы внутри div, которые имеют тип div и p. Но, видимо, это не так, и я как-то все неправильно понял. Каковы же именно правила создания селекторов в CSS, состоящих из более чем одного селектора?
