|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
04.10.2012, 22:15 | #1 |
Новичок
Джуниор
Регистрация: 02.06.2012
Сообщений: 1
|
CSS организация классов
Здравствуйте. Помогите решить проблему. Есть много страниц, во избежания конфликта имен классов нужно организовать стили.
Как вы действуете в данной ситуации? Разбиваете стили на логические блоки или, скажем, добавляете class/id в тег body и потом указываете перед классом: .home .links/#home .links? Может быть добавляете префикс перед классом: home-links? Недавано работал над сайтом. Разметка состояла из типичной: header/content (left, right)/footer Что то вроде Пишу c-left и c-right, т.к. классы left и right уже определены. Допустим есть страница home и article. Для обеих нужно использовать класс link Как лучше написать: cr-home-link / #home cr-link / cr-h-link? cr- нужно писать для того, чтобы каждый блок (header, cr-left, cr-right, footer) имел свою область видимости. Может лучше вообще создать файл с общими стилями и файл, отдельно для каждой страницы сайта? П.с: не люблю наследование, т.к. в данном примере вышло бы вообще .home .c-right .link, слишком длинная запись. |
05.10.2012, 02:45 | #2 | ||
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Цитата:
Цитата:
%назначение%[-%название_блока%]-%название_элемента%[-%состояние%] Назначение: g: глобальные стили (ссылки, кнопки, инпуты, отступы); m: разметка (не глобальная, т.е. сюда не входит шапка, подвал, сайдбары, колонки, все это маркеруется айдишниками); b: логический блок. Название_блока: news/articles/catalog_item etc. Название_элемента: — link/button etc (для глобальных); — title/descr/text/img/tabs etc (для блоков); Состояние: Если один и тот же блок существует в разных состояниях, например позиция товара может быть в списке каталога, в корзине, на странице сравнения, на странице оформления заказа, в карточке товара. Ну и супер-глобальная разметка: #header, #footer, #left-sidebar etc. Пример: Код:
Alar, верни репу!
|
||
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Организация цикла С++ | Jillian | Помощь студентам | 4 | 13.05.2012 20:04 |
Организация стека | SoftKoc | Общие вопросы Delphi | 4 | 11.12.2010 14:02 |
Организация цикла | mephist | Microsoft Office Excel | 2 | 17.07.2009 16:27 |
Создание классов и использование объектов классов при написании программ в среде C++. | Frozen inside | Помощь студентам | 0 | 16.04.2009 23:18 |