Существует еще один альтернативный и более сложный способ группировки.
Он полезен при верстке сайтов с помощью CSS-блоков, потому что в этом случае CSS-код объемный.
Объявления с селекторами по элементам точно так же выделяются в отдельную группу и помещаются в начало таблицы стилей.
А вот с классами и ID сложнее. При таком кодировании создается очень много обычных и вложенных блоков.
Можно в CSS-коде стараться зеркально отображать HTML-код. Например, если в документе такая структура блоков:
<nodiv id=»top»>
<nodiv id=»top1″>
<span сlаss=»left-text»></span> <nodiv сlаss=»banner»></nodiv>
</nodiv>
<nodiv id=»top2″>
<nodiv сlаss=»banner»></nodiv>
</nodiv>
</nodiv> <nodiv id=»main»></nodiv>
то в таблице стилей ее можно передать следующим образом:
№top1 ()
top1 ()
.left-text ()
.banner ()
top2 ()
main ( )
Здесь есть одно преимущество и один недостаток. Преимущество в том, что визуальная структура таблицы стилей приближается к структуре HTML-документа.
В итоге находить нужные объявления просто, к тому же видна структура наследования.
Информация о вложенности блоков часто бывает очень полезна. Недостаток в том, что классы иногда сложно найти.
В приведенном примере класс banner находится в двух блоках, но объявлять его в таблице стилей имеет смысл всего один раз.
Он задан там, где используется впервые. Иногда подобная форма объявления класса затрудняет его поиск. Приходится помнить, в каком блоке класс использовался впервые, что само по себе нехорошо.
Обратите внимание, что если страница верстается только на основе таблиц, то использовать подобную группировку совершенно бессмысленно.
