#css #css-selectors
#css #css-селекторы
Вопрос:
Я не могу понять, в чем смысл уровней селектора CSS. и я хочу знать ответ.
У меня есть ссылка на это, но я не могу понять, как это работает или как они связаны друг с другом??
Ответ №1:
Из спецификации
Каскадные таблицы стилей не имеют версий в традиционном смысле; вместо этого у него есть уровни. Каждый уровень CSS основывается на предыдущем, уточняя определения и добавляя функции
В CSS каждый новый уровень добавляет новую функцию к предыдущему. Вот так просто. Начиная с уровня CSS 3 эта логика будет применяться к каждому модулю:
CSS Level 3 модуль за модулем основывается на CSS Level 2, используя спецификацию CSS2.1 в качестве ядра. Каждый модуль добавляет функциональность и / или заменяет часть спецификации CSS2.1. Рабочая группа CSS намерена, что новые модули CSS не будут противоречить спецификации CSS2.1: только то, что они добавят функциональность и уточнят определения. По мере завершения каждого модуля он будет подключен к существующей системе CSS2.1 плюс ранее завершенные модули.
Начиная с этого уровня модули выравниваются независимо: например, селекторы уровня 4 вполне могут быть завершены до уровня 3 модуля строки CSS. Модули, не имеющие эквивалента CSS уровня 2, начинаются с уровня 1; модули, обновляющие функции, которые существовали на уровне CSS 2, начинаются с уровня 3.
Селекторы CSS Level 4 — это последняя спецификация, написанная для селекторов CSS, и это улучшение уровня 3. Вы можете ясно видеть, что каждый уровень добавляет новые селекторы.
Вам действительно не нужно беспокоиться об уровнях. Все, что вам нужно знать, это селекторы и как их использовать, и особенно их поддержка браузером. (полезный инструмент, который может вам помочь: https://caniuse.com /)
Ниже приведена спецификация каждого уровня:
https://www.w3.org/TR/selectors-4/
https://www.w3.org/TR/selectors-3/
Вы также можете найти в конце последней спецификации раздел под названием Изменения с уровня 3
Комментарии:
1. Последняя часть очень важна. Уровни не должны ничего значить, кроме как для правления W3C, рабочих групп и даже в очень малой степени поставщиков, потому что поставщики выбирают функции для реализации на основе их осуществимости, их настроения и, что более важно, того, что хотят авторы, а не того, в каком стандарте они находятся.
Ответ №2:
Селекторы CSS — это просто разные способы выбора элемента для применения к нему некоторых стилей. Как вы можете видеть здесь, существует 4 уровня, а уровень 4, похоже, все еще находится в рабочем состоянии черновика.
Я не могу понять, в чем смысл уровней селектора CSS
Что ж, эти новые селекторы помогут в выборе элементов, которые может быть сложно выбрать с помощью существующих селекторов.
Например, чувствительность атрибута к регистру выглядит интересно, поскольку мы можем выбирать без учета регистра:
[attribute='value' i]