Инструменты пользователя

Инструменты сайта


Боковая панель

Связь

prioritet_primenenija_pravil_stilej_v_css

Приоритет применения правил стилей в CSS

Если какие-то свойства HTML- элемента не определены они будут унаследованы от родительского элемента или примут значения по умолчанию.

В каскадных таблицах стилей CSS расчет приоритетности селекторов происходит в таком порядке (от большего к меньшему).

Свойство объявленное с признаком !important (!важно) имеет наивысший приоритет, все другие похожие свойства для такого элемента не берутся во внимание, не зависимо от того, где они объявлены: или в файле стилей, или в теге <style> веб-документа, или непосредственно в теге элемента.
  1. Свойство объявленное с признаком !important
  2. Стиль прописан в самом теге элемента. В этом случае описание стиля как бы находиться "наиболее близко" к тегу элемента.
  3. Присутствие #ID (идентификаторов) в селекторе (чем больше, тем выше приоритет селектора). Напомним, что стиль #ID селектора может задаваться только одному элементу на странице.
  4. Наличие .class (классов) и :pseudo-class (псевдоклассов) в селекторе (чем больше - выше приоритет селектора). Правила стиля, объявленные как класс могут применяться ко многим элементам веб-документа.
  5. Селекторы с наименованиями тегов (тоже - чем больше, тем выше приоритет селектора). Они имеют самый низкий приоритет.



prioritet_primenenija_pravil_stilej_v_css.txt · Последние изменения: 2015/04/22 09:21 (внешнее изменение)