CSS-фильтр для Gecko
- Internet Explorer 7, что изменилось в поведении браузера?
(20494) - CSS-фильтр для Gecko
(15773) - Текст с переливом
(8654) - Вертикальное выравнивание текста
(0 / 6) - CSV на веб-страницах
(0 / 1) - Таблицы с вертикальным направлением текста
(0 / 9) - «Полосатые таблицы» средствами CSS
(0 / 8) - Всплывающие подсказки в духе AJAX
(0 / 9) - Табличная верстка блоками
(0 / 13) - Закругляем уголки границ у блоков
(0 / 1)
Любой сознательный веб-работник понимает, что всевозможных фильтров и хаков лучше избегать, особенно когда речь идет о фильтрации в среде «продвинутых на стандартах» браузерах. В большинстве случаев нет необходимости определять стили, к примеру, отдельно для Firefox и Opera. Но что делать, если такая потребность все же есть?
В этом случае, можно воспользоваться CSS-селекторами, которые поддерживаются браузерами на движке Gecko, но при этом игнорируются остальными передовыми веб-проводниками. На текущий момент для наших целей вполне подойдут псевдо-элемент :root
или псевдо-класс :not()
. Оба приняты на вооружение Gecko, начиная с версии 0.9.
Рассмотрим технику на конкретных примерах. Возьмем див <div id="example">Какой-нибудь текст</div>
:
#example{
padding:0.5em;
border:2px solid #ccc;
color:#ccc;
text-align:center;
}
и опишем для него дополнительные стили, воспользовавшись
-
:root
(поддерживается Gecko, IE/Mac, Safari):root #example{ border-color: green; color: green; }
Какой-нибудь текст -
:not()
(поддерживается Gecko, Safari)#example:not(body){ border-color: green; color: green; }
Какой-нибудь текст
Если указанные инструкции работают, то текстовое содержимое и границы блоков в приведенных примерах будут зеленного цвета.
Оставить отзыв | Комментарии (0)