| |
В данном примере в браузере Opera и Safari цвет блока отображается зеленым, в
то время как Internet Explorer и
Firefox покажут его оранжевым.
Псевдокласс root
Псевдокласс root применяется к элементам верхнего уровня (называемых корневыми)
и поддерживается CSS3.
Конструкция HTML:root или *:root понимается браузерами Firefox, Safari и Opera
начиная с версии 9.50, поэтому,
используя контекстные селекторы в стилях (*:root селектор), получим стиль,
работающий только в указанных
браузерах.
Пример 7
Хаки
Lorem ipsum dolor sit amet...
Данный код проходит валидацию как CSS3, но не CSS2.1.
Псевдокласс first-child
Псевдокласс first-child применяется к первому дочернему элементу. Хотя этот
псевдокласс понимают многие
браузеры, но конструкция HTML: first-child работает только в Опере.
Пример 8
Хаки
Работает:
Не работает:
Работает:
Не работает:
Firefox Safari Opera 9.50 и старше
IE Opera 9.40 и младше
HTML 4.01 CSS 2.1 CSS 3 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
Opera 9.40 и младше
IE Firefox Safari Opera 9.50 и старше
HTML 4.01 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
Lorem ipsum dolor sit amet...
В данном примере показано, как только для браузера Opera 9.40 и младше задать
зеленый цвет фона у блока, в
то время как для остальных браузеров он будет оранжевым.
Универсальный селектор
Описание
Иногда требуется установить одновременно один стиль для всех элементов
веб-страницы, например,
задать шрифт или начертание текста. В этом случае поможет универсальный
селектор, который
соответствует любому элементу веб-страницы.
Синтаксис
|
|
