ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Именование CSS стилей чтобы предотвратить конфликты и наложения
8 сообщений из 8, страница 1 из 1
Именование CSS стилей чтобы предотвратить конфликты и наложения
    #37819506
private
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
private
Участник
Какие есть подходы к именованию CSS стилей? У меня возникла такая проблема - есть магазин, в нем страница со списком товаров и есть также другая страница с конкретным товаром и детальным описанием, код следущий:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
страница со списком товаров
<div class='products'>
  <div class='product'>
  </div>
</div>

страница с конкретным товаром
<div class='product'>
</div>



Но, класс продукт - он есть и там и там, получается конфликт имен, как его разрешить? Варианты - использовать в первом случае что-то вроде product-item или products-product , но они мне как-то не очень нравятся, что думаете?
...
Рейтинг: 0 / 0
31.05.2012, 13:22:45
| Ответить | Цитировать | Написать  
Именование CSS стилей чтобы предотвратить конфликты и наложения
    #37819515
mage.lan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mage.lan
Участник
private,

Код: css
1.
2.
.product {стиль для 'страница с конкретным товаром'}
.products .product {стиль для 'страница со списком товаров'}
...
Рейтинг: 0 / 0
31.05.2012, 13:26:54
| Ответить | Цитировать | Написать  
Именование CSS стилей чтобы предотвратить конфликты и наложения
    #37819571
private
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
private
Участник
не, в этом случае стили для .product будут накладываться также на .products .product

если я сделаю border: 5px; на .product, на странице .products .product бордер тоже появится, .
...
Рейтинг: 0 / 0
31.05.2012, 13:50:23
| Ответить | Цитировать | Написать  
Именование CSS стилей чтобы предотвратить конфликты и наложения
    #37819589
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
privateКакие есть подходы к именованию CSS стилей? БЭМ
...
Рейтинг: 0 / 0
31.05.2012, 14:01:30
| Ответить | Цитировать | Написать  
Именование CSS стилей чтобы предотвратить конфликты и наложения
    #37819618
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
"Я вот тоже Брокгауза и Ефрона читал. Два тома прочел. Читаешь, читаешь - слова легкие: Мечислав, Богоуслав и убей бог не помню какой-кто. Книжку закроешь - все вылетело. Помню только - Мандриан! Какой Мандриан? - нет там никакого Мандриана. Там с левой стороны - два Бронецких: один - брат Адриан, другой - Мариан, а у меня - Мандриан!". (c)

Не занимайся ерундой. Разные стили, разные названия. Разве что составным можешь имя делать.
...
Рейтинг: 0 / 0
31.05.2012, 14:16:30
| Ответить | Цитировать | Написать  
Именование CSS стилей чтобы предотвратить конфликты и наложения
    #37820233
mage.lan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mage.lan
Участник
privateне, в этом случае стили для .product будут накладываться также на .products .product

если я сделаю border: 5px; на .product, на странице .products .product бордер тоже появится, .
В чем проблема то? грамотно описывать стили гораздо проще, чем изобретать велосипед.
Код: css
1.
2.
.product {border:5px solid red}
.products .product {border: 0}
...
Рейтинг: 0 / 0
31.05.2012, 18:03:56
| Ответить | Цитировать | Написать  
Именование CSS стилей чтобы предотвратить конфликты и наложения
    #37820554
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
privateКакие есть подходы к именованию CSS стилей?
В своих примерах ты используешь имена классов (не очень удачно, мягко говоря) и селекторы... Про какие такие "стили" идет речь?

Подход самый простой. Имена классам нужно давать так и такие, чтобы потом небыло мучительно больно их использовать...
...
Рейтинг: 0 / 0
31.05.2012, 23:02:19
| Ответить | Цитировать | Написать  
Именование CSS стилей чтобы предотвратить конфликты и наложения
    #37820559
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
privateНо, класс продукт - он есть и там и там, получается конфликт имен, как его разрешить?
Не создавать этих конфликтов изначально...
Ибо складывается впечатление, что разработчику те странички вообще ни разу не показывали... А давали их по мере изготовления предыдущих...

План нужно иметь на весь сайт сразу.
Как вариант, имет "общий" css и на каждую страничку в частности, дабы не забивать общий файл css какими-то частными селекторами...
...
Рейтинг: 0 / 0
31.05.2012, 23:05:53
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Именование CSS стилей чтобы предотвратить конфликты и наложения
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=37820554&tid=1449750]:
 0ms
get settings:
 9ms
get forum list:
 20ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 206ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 61ms
get tp. blocked users:
 1ms
others: 215ms
total:  530ms
созд. / загр.: 530ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]