CSS только для Mozilla (в том числе — FireFox)
У верстальщиков до сих пор возникает задача — подключить стили только для определённого браузера. Для IE проблема решаема — всё меньше верстальщиков не знают что такое conditional comments. Но исчезающе малое количество народу знает что такое
Вообще, это правило позволяет подключать стили в зависимости от домена, URL или его префикса. Для нас важно, что эти правила увидит только FireFox.
Простой пример использования, из которого становится понятен общий принцип:
<style type="text/css">
body { background: white; color: black }
@-moz-document url-prefix()
{
body { background: grey; color: white }
}
</style>
<body>White in FireFox</body>Принципы фильтрации по URL и доменам так же могут оказаться полезными, о них можно почитать в архиве W3C.
Комментарии 15
насколько я помню, conditionas comments не проходят валидацию
а как с этим делом у мозилловской штуки?
should have one of the following formats:
'_' + vendor identifier +
For example, if XYZ organization added a property to describe the color of the border on the East side of the display, they might call it -
Other known examples:
-
-
-
Да, я в курсе.
На счёт валидности в CSS всё не так однозначно.
А тут в комментариях ссылки вставляются только тупо текстом?
Ссылки не вставляются, зачем тут ссылки? opacity — валидно, просто текущий валидатор поддерживает CSS2.1, а opacity — CSS3.
Чтобы не выделять ссылку и жать «Go to Web Address».
Валидатор говорит: «Property opacity doesn't exist in CSS level 2.1 but exists in [css3]».
Тогда можно сказать, что и
Кстати, зачем здесь надпись «Ответить» картинкой сделана? Мне шрифт без сглаживания глаза режет.
Ну, для
А чем его ещё писать? Шрифта подходящего нет. А почему режет? Монитор CRT? На всех LCD, которые есть в округе, это смотрится хорошо. На хорошем CRT, который стоит дома в Казани — тоже хорошо.
По поводу валидности. Я использую -
LCD монитор у меня. Дело не в мониторе, а в том, что шрифт без сглаживания. Я бы написал тупо Ариалом. Хотя ладно, не важно.
Лично меня тоже не огорчает, что это не валидно. Ариал намного шире, а это очень хороший шрифт, не всей графике нужно сглаживание.
Комментарий для Евгения Степанищева:
Евгений, вы просто бог!
body { background: grey; color: white }
этот код просто спас меня от нервного срыва, спасибо огромное ))))