Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Как "срастить стили"?

Обсуждение темы Как "срастить стили"? в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Встала такая проблема, а гугл не помогает, молчит партизан Например есть 10 div с разными свойствами, но у всех общее свойство clear:both. Как ...


Закрытая тема
 
Опции темы
Старый 27.04.2010, 10:17   #1
Встала такая проблема, а гугл не помогает, молчит партизан

Например есть 10 div с разными свойствами, но у всех общее свойство clear:both.
Как сделать чтобы не писать в 10 id каждому clear:both.

Есть ли такой способ типа:

#clear {
clear:both
}

#clear.div1 {
...
}

что-то в этом роде
 
Старый 27.04.2010, 10:17
Ссылки
Старый 27.04.2010, 10:20   #2
#clear.div1, #clear.div2, #clear.div3, #clear.div4 {clear:both}
Или скриптом задать, чтобы он добавлял нужный класс, к нужным элементам.
 
Старый 27.04.2010, 10:33   #3
volFernion, чтото ваш пример кактой-то кривой. Он подразумевает, что в html будет следующее
<div id="clear" class="div1">...</div>
<div id="clear" class="div2">...</div>
<div id="clear" class="div3">...</div>
<div id="clear" class="div4">...</div>

А это просто абсолютно некорректно, так как 1 id должен быть только у 1-го элемента.

Но вот если сделать наоборот!!!


<div class="clear" id="div1">...</div>
<div class="clear" id="div2">...</div>
<div class="clear" id="div3">...</div>
<div class="clear" id="div4">...</div>

тоды в css достаточно будет написать

.clear { clear:both; }

так же не забываем, что у объекта может быть несколько классов

<div class="clear div1">...</div>
<div class="clear div2">...</div>
<div class="clear div3">...</div>
<div class="clear div4">...</div>

В таком случае

.clear { clear:both; }

тоже работать будет нормально
 
Этот пользователь сказал спасибо Асмодиан за это полезное сообщение:
volFernion (27.04.2010)
Старый 27.04.2010, 10:36   #4
Асмодиан, железная логика.
 
Старый 27.04.2010, 11:50   #5
Цитата:
Сообщение от Асмодиан Посмотреть сообщение
volFernion, чтото ваш пример кактой-то кривой. Он подразумевает, что в html будет следующее
<div id="clear" class="div1">...</div>
<div id="clear" class="div2">...</div>
<div id="clear" class="div3">...</div>
<div id="clear" class="div4">...</div>

А это просто абсолютно некорректно, так как 1 id должен быть только у 1-го элемента.

Но вот если сделать наоборот!!!


<div class="clear" id="div1">...</div>
<div class="clear" id="div2">...</div>
<div class="clear" id="div3">...</div>
<div class="clear" id="div4">...</div>

тоды в css достаточно будет написать

.clear { clear:both; }

так же не забываем, что у объекта может быть несколько классов

<div class="clear div1">...</div>
<div class="clear div2">...</div>
<div class="clear div3">...</div>
<div class="clear div4">...</div>

В таком случае

.clear { clear:both; }

тоже работать будет нормально
Во то что надо Спасибо
 
Старый 27.04.2010, 11:50
Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум