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

Дерево навыков/Container queries/ Style container queries

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

    • Function `style()`

      Создаёт style query leaf функцией `style()` внутри container condition.

    • Custom-property equality

      Сопоставляет computed value custom property query container с указанным value.

    • Property-value equality

      Сопоставляет supported regular property с вычисленным query-side value.

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

    • Computed-value matching

      Сравнивает computed values с учётом canonicalization, а не исходного текста declarations.

    • Boolean style feature

      Интерпретирует style feature без comparison value по его boolean semantics.

    • Shorthand style feature

      Сопоставляет shorthand только при совпадении соответствующих computed longhand values.

    • Token matching custom properties

      Сравнивает unregistered custom properties по их token sequences с нормативной обработкой whitespace.

    • Вычисление query-side value

      Вычисляет query-side property value в контексте selected query container перед сравнением.

    • Registered custom properties

      Сопоставляет registered custom property по её declared syntax и computed-value semantics.

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

    • Style range expressions

      Применяет ordering comparisons и chained ranges к допустимым style features.

    • Substitution в style range

      Выполняет substitutions в range operands до type и comparison checks.

    • Type compatibility style range

      Отличает comparable computed-value types от несовместимых operands style range.

    • Unitless zero в style range

      Применяет special handling unitless zero при сравнении compatible numeric types.

    • Cascade-dependent keywords

      Определяет style-query behavior для cascade-dependent keywords в query-side declaration.