CSS 2, приоритет таблиц стилей, импортированных с использованием элемента ссылки

Question

С учетом

<link rel="STYLESHEET" href="/css/t.cake.css" type="text/css"/>
<link rel="STYLESHEET" href="/css/f.css" type="text/css"/>
<link rel="STYLESHEET" href="/css/t.generic.css" type="text/css"/>
<link rel="STYLESHEET" href="/css/t.head.css" type="text/css"/>

Какие правила имеют более высокий приоритет в каскаде? Предположим, что все имеют одинаковый приоритет по сравнению с другими CSS-сравнениями? Те, в первой или последней таблице стилей?

TIA DaveP

Answer 1

Согласно спецификациям применяется последняя.

4. Наконец, сортировка по указанному порядку: если два объявления имеют одинаковый вес, происхождение и специфику, последнее указанное выигрывает. Объявления в импортированных таблицах стилей считаются перед любыми объявлениями в самой таблице стилей.

Во всяком случае, не стоит полагаться на это в одиночку, так как это затрудняет чтение и интерпретацию вашего кода. Я хотел бы убедиться, что правильные правила были применены через специфичность селекторов, независимо от того, в какую таблицу стилей они помещены.

Answer 2

Таблицы стилей загружаются и применяются в том порядке, в котором они связаны, то есть:

• t.cake.css
• f.css // Переопределит конфликтующие правила таблицы стилей выше
• t.generic.css // Переопределит конфликтующие правила двух листов выше
• t.head.css // Переопределит конфликтующие правила трех таблиц стилей выше

Answer 3

Последние стили имеют приоритет! Но вы можете использовать:

.nameclass{
   font-size:11px !important;
}

Answer 4

Наивысший приоритет отдается встроенным стилям. правила стилей из внешних таблиц стилей следуют простой формуле (см. http://www.htmldog.com/guides/cssadvanced/specificity/)

относительно порядка листов, правила в последнем листе будут иметь приоритет в случае коллизии (если вы не используете флаг! Important)

редактировать: лучше использовать специфичность http://css -tricks.com / specics-on-css-специфичность /