UGgallery

При редактировании CSS часто требуется быстро и надежно отключить какое-то CSS-правило. Это может быть правило в необходимости которого автор сомневатся, или правило нужное только в процессе разработки: например, помогают найти ошибку или визуалазировать блок.

Быстрый и надежный способ отключить правило в CSS — поставить перед ним букву Z без пробела между буквой и правилом.

#foo {
    zcolor: red;
    }

Может быть использована любая другая буква, но я использую Z не случайно. Раньше я использовал букву X. Именно ее рекомендовал западный блогер, у которого я узнал о приёме…

Правило, которому приписали лишнюю букву становится невалидным. Это заметит CSS-валидатор, это заметит Inspector, встроенный в Firefox. А Safari наверное вовсе не сможет работать с таким кодом: всю верстку перекосит.

Поэтому такие правила должны быть быть удалены или закомментированы прежде, чем вы закончите работу с CSS-файлом.

#foo {
    /* zcolor: red; */
    }

И чем быстрее тем лучше. Но не всегда получается сделать это сразу, а оставлять грязный код нельзя. Тогда нужно быстренько отыскать все отключенные правила текстовым поиском по букве Z. Она редко используется в английском языке, на котором следует писать id и классы, она редко встречается в CSS-коде. На вскидку, я помню только два свойства, содержащие эту букву: z-index и zoom — нечастые гости.

Буква X тут не подходит. Либо поиск находит много “px”, либо приходится писать запрос на регулярных выражениях. Проще использовать Z. Рекомендую.

Недавно на форуме Вебмаскона, один коллега просил найти ошибку в его коде, приводящую к глюку шаблона в IE. Оказалось, глюк возникал из-за того, что коллега отключал ненужные правила, добавляя перед ними слэш. Почистить код он забыл. Из этого следуют два вывода: не используйте непроверенные знаки, и не забывайте удалять такие правила или прятать их в комментарии.

И еще: всегда используйте CSS-валидатор.

Дата написания: Wednesday, 27.12.2006. Время: 16:12. Рубрика: CSS-верстка.