Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31


Чувашия-это моя Россия

Конфликтующие правила стилей: каскад.

(продолжение)

Связанные (при помощи элемента link) внешние таблицы стилей.

Если существует несколько связанных с документом сайта таблиц стилей, то правила, встречающиеся ниже в документе сайта, имеют приоритет перед правилами, встречающимися выше. Например, если HTML документ ссылается на две таблицы стилей, как показано ниже:

                     < head>
                     clink rel="stylesheet" href="stylel.css" type="text/css" />
                     < link rel="stylesheet" href="style2.css" type="text/css" />
                     < /head>

Если стилевое правило, указанное в файле style2.css, конфликтует со стилевым правилом, указанным в файле stylel.css, то правило из style2.css будет иметь более высокий приоритет, поскольку данная таблица стилей находится ниже в исходном документе сайта.

Импортированные внешние таблицы стилей (с помощью @import).

Импортированная информация о стилях подменяет связанные элементом link стили. Если в документе есть несколько директив @import, то правила таблицы, расположенной ниже в документе, имеют приоритет перед правилами таблицы, расположенной выше.

Встроенные таблицы стилей (при помощи элемента style).

Если Вы не хотите, чтобы правило было заменено последующим конфликтующим правилом, добавьте индикатор !important сразу после значения свойства и до точки с запятой, имеющейся в правиле. Например, чтобы текст абзацев всегда отображался синим цветом, используйте в таблице стилей следующее правило:

р {color: blue !important;} или во внутристрочном элементе при помощи style="color: #F00 !important;"

Даже если браузер встретит ниже в документе сайта внутристрочный стиль (который должен подменить таблицу стилей, заданную на уровне документа), например такой:

< р style="color: red"> этот абзац останется синим, поскольку правило с индикатором !important не может быть заменено другими стилями из таблиц стилей автора сайта, которое было указано в р {color: blue !important;}.

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

Если использовать предыдущие примеры, в ситуации, когда в таблице стилей читателя есть следующее правило: р {color: black;} текст останется синим, поскольку все стили автора сайта (даже те, которые не имеют идентификатора важности) имеют приоритет перед стилями читателя. Однако если конфликтующий стиль читателя имеет индикатор !important, например: р {color: black !important;} абзацы страниц сайта останутся черными и не будут заменяться никакими стилями автора документа сайта.

Внутристрочные стили (использующие атрибут style в теге элемента).

Внутристрочные стили подменяют собой все прочие объявления стилей, относящиеся к данному элементу страниц сайта, за одним исключением. Объявления стилей, помеченные индикатором !important. Любой стиль, помеченный индикатором !important, подменяет собой все прочие конфликтующие с ним правила стилей style="color: #F00 !important;". Единственное, что может подменить правило с таким индикатором в таблице стилей автора документа сайта, это правило с таким индикатором, созданное пользователем.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно    назад    дальше     продолжение темы

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: