29.07.2012, 13:11

Фильтр в CSS




Фильтр HTML со звездочкой *

Это один из наиболее известных и , возможно, наиболее полезных фильтров css. Запомнить его чрезвычайно легко . Стили в нем применяются во всех браузерах.
Как вы знаете, элемент html обычно является первым (корневым) элементом страницы. Однако все текущие версии IE создают анонимный корневой элемент, охватывающий элемент html.

С помощью универсального селектора можно назначить стиль элементу html, охваченному другим элементом. Поскольку такой другой элемент существует только в браузерах IE, специфические правила можно назначить только им.
Code

* html {
font-size: small;

Добавление универсального селектора и селектора типа html в начало обычного правила css скроет это правило от всех браузеров, кроме IE. Чаще всего фильтр HTML со звездочкой используют следующим способом. Сначала в коде css размещают некоторое правило, применяемое во всех браузерах , кроме IE, а затем переопределяют его для IE с помощью фильтра.

Рассмотрим пример: Браузеры IE ошибочно выводят однопиксельные пунктирные линии как штриховые, что во многих случаях не красиво. Предположим , при наведении указателя на гиперссылку нужно вывести вокруг нее пунктирную линию. Чтобы отменить вывод штриховых линий, можно сначала с помощью псевдо-класса: hover присвоить гиперссылкам пунктирную рамку, а затем переопределить ее для браузеров IE, задав вывод сплошной рамки.
Code

а: hover {
border: 1 px dotted black;
* html а: hover {
border-style: solid ;

Вероятность того , что эта ошибка появится в других браузерах , ничтожна. Следовательно, фильтр HTML со звездочкой – довольно безопасный способ назначения стилей в браузерах.

Источник/Автор: infoscript.ru

Категория: HTML, CSS, JS, JQ | Добавил: antisept (29.07.2012) Просмотров: 1606 | Рейтинг: 5.0/4
Теги: CSS, html, hover
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]