Каскадный порядок стилей CSS
При использовании нескольких таблиц стилей им приходится конкурировать за контроль над конкретными селекторами. В этих случаях всегда существуют правила таблицы стилей, которые получают контроль. Следующие свойства будут определять результат конкурирующих таблиц стилей.
Как упоминалось ранее, как авторы, так и читатели веб-страниц имеют возможность указывать таблицы стилей. Когда эти два правила конфликтуют, правила создателя веб-страницы будут иметь приоритет над другими правилами читателей, имеющими равный вес. Таблицы стилей создателей и читателей веб-страниц превосходят встроенные таблицы стилей браузера.
Авторам веб-страниц следует использовать важные правила с осторожностью, поскольку они будут иметь приоритет над любыми важными правилами, установленными пользователем. Например, пользователю могут потребоваться крупные шрифты или определенные цвета из-за визуальных ограничений, и такой пользователь может объявить определенные правила стиля важными, поскольку эти стили чрезвычайно важны для чтения веб-страниц пользователями. Любые важные правила ! имеют приоритет над общими правилами, поэтому авторам веб-страниц рекомендуется использовать общие правила, чтобы гарантировать, что пользователи с особыми потребностями в стиле смогут читать веб-страницу.
Правила выбора: вычисляемые атрибуты основаны на их уровне атрибутов. Таблицы стилей также могут переопределять конфликтующие таблицы стилей. Стиль с более высоким атрибутом всегда переопределяет стиль с более низким атрибутом. Это просто статистическая игра, которая подсчитывает указанное количество селекторов.
Подсчитайте количество атрибутов ID в селекторе.
Подсчитайте количество атрибутов CLASS в селекторе.
Формат HTML-тега в селекторе статистики.
Наконец, напишите три числа в правильном порядке без пробелов и запятых, чтобы получить трехзначное число. (Обратите внимание, что вам необходимо преобразовать число в большее число, оканчивающееся тремя цифрами.) Окончательный список чисел, соответствующих селектору, позволяет легко определить, что свойства большего числа переопределяют свойства меньшего числа. Ниже приведен список селекторов, классифицированных по характеристикам: #id1 {xxx} /* a=1 b=0 c=0 ——> характеристики = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> Характеристики = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> Характеристики = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> Feature = 001 */Порядок функций указан для удобства. Если два правила имеют одинаковый вес, выбирается более позднее.
При использовании нескольких таблиц стилей им приходится конкурировать за контроль над конкретными селекторами. В этих случаях всегда существуют правила таблицы стилей, которые получают контроль. Следующие свойства будут определять результат конкурирующих таблиц стилей.
Как упоминалось ранее, как авторы веб-страниц, так и читатели имеют возможность указывать таблицы стилей. Когда эти два правила конфликтуют, правила создателя веб-страницы будут иметь приоритет над другими правилами читателей, имеющими равный вес. Таблицы стилей создателей и читателей веб-страниц превосходят встроенные таблицы стилей браузера.
Авторам веб-страниц следует использовать важные правила с осторожностью, поскольку они будут иметь приоритет над любыми важными правилами, установленными пользователем. Например, пользователю могут потребоваться крупные шрифты или определенные цвета из-за визуальных ограничений, и такой пользователь может объявить определенные правила стиля важными, поскольку эти стили чрезвычайно важны для чтения веб-страниц пользователями. Любые важные правила ! имеют приоритет над общими правилами, поэтому авторам веб-страниц рекомендуется использовать общие правила, чтобы гарантировать, что пользователи с особыми потребностями в стиле смогут читать веб-страницу.
Правила выбора: вычисляемые атрибуты основаны на их уровне атрибутов. Таблицы стилей также могут переопределять конфликтующие таблицы стилей. Стиль с более высоким атрибутом всегда переопределяет стиль с более низким атрибутом. Это просто статистическая игра, которая подсчитывает указанное количество селекторов.
Подсчитайте количество атрибутов ID в селекторе.
Подсчитайте количество атрибутов CLASS в селекторе.
Формат HTML-тега в селекторе статистики.
Наконец, напишите три числа в правильном порядке без пробелов и запятых, чтобы получить трехзначное число. (Обратите внимание, что вам необходимо преобразовать число в большее число, оканчивающееся тремя цифрами.) Окончательный список чисел, соответствующих селектору, позволяет легко определить, что свойства большего числа переопределяют свойства меньшего числа. Ниже приведен список селекторов, классифицированных по характеристикам: #id1 {xxx} /* a=1 b=0 c=0 ——> характеристики = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> Характеристики = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> Характеристики = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> Feature = 001 */Порядок функций указан для удобства. Если два правила имеют одинаковый вес, выбирается более позднее.