Стань PHP-разработчиком с нуля с трудоустройством в IT-компании

Дерево навыков/Container queries/ Выбор query container

  1. Базовый уровень

    • Ближайший eligible container

      Выбирает ближайший ancestor, способный поддержать все features condition.

    • Фильтрация по имени

      Ограничивает поиск eligible containers указанным case-sensitive именем.

    • Descendant relationship

      Применяет стили group rule только к descendants выбранного query container.

  2. Продвинутый уровень

    • Eligibility по feature types

      Проверяет eligibility ancestor одновременно для всех size и style feature types condition.

    • Один container для condition

      Оценивает все leaves одного container condition относительно одного выбранного container.

    • Unsupported feature selection

      Не требует специального container type для неизвестного или unsupported feature при выборе ancestor.

    • Name-only selection

      Выбирает ближайший ancestor с подходящим именем, когда query part отсутствует.

    • Flat-tree ancestry

      Ищет eligible query container по flat-tree ancestry в обычном tree context.

    • Отсутствие eligible container

      Получает unknown condition и не применяет rule при отсутствии eligible container.

  3. Экспертный уровень

    • Originating element pseudos

      Выбирает query container для pseudo-element относительно originating element и его tree context.

    • `::part()` и `::slotted()` selection

      Определяет исходную точку поиска container для `::part()` и `::slotted()` pseudo-elements.

    • Shadow-tree container visibility

      Ограничивает видимость query containers правилами shadow-tree scoping и stylesheet context.

    • Sibling-box restriction

      Не выбирает query container через sibling box, не являющийся допустимым ancestor в заданном context.