«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Можно ли использовать круглые скобки в селекторах CSS для одноуровневых отношений?

Можно ли использовать круглые скобки в селекторах CSS для одноуровневых отношений?

Опубликовано 21 декабря 2024 г.
Просматривать:240

Can Parentheses Be Used in CSS Selectors for Sibling Relationships?

Круглые скобки в селекторах CSS

Можно ли включать круглые скобки в селекторы CSS? В частности, в случае выбора заголовка с текстом «Блокхед», можно ли записать селектор как (.gumby > .pokey) h3?

Ограниченное использование круглых скобок

Кробки не допустимые операторы в селекторах CSS. Они зарезервированы для функциональных обозначений, таких как :lang(), :not() и :nth-child().

Альтернатива для круглых скобок в одноуровневых отношениях

В приведенном примере скобки не нужны. Селектора .gumby > .pokey h3 достаточно для выбора нужного заголовка.

Селекторы CSS считываются линейно. Комбинаторы, такие как «>» и «», используемые в этом селекторе, не имеют приоритета. Селектор можно интерпретировать следующим образом:

  • Выберите элемент h3
  • Этот элемент следует сразу за элементом с классом «pokey»
  • Это дочерний элемент элемента с классом "gumby"

Поскольку и элемент .pokey, и элемент h3 являются дочерними элементами элемента .gumby в если предоставлена ​​HTML-структура, этот селектор будет правильно нацеливаться на заголовок с текстом «Blockhead».

Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3