[volFernion]

Встала такая проблема, а гугл не помогает, молчит партизан

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

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

#clear {
clear:both
}

#clear.div1 {
...
}

что-то в этом роде

[Niemans]

#clear.div1, #clear.div2, #clear.div3, #clear.div4 {clear:both}
Или скриптом задать, чтобы он добавлял нужный класс, к нужным элементам.

[Асмодиан]

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; }

тоже работать будет нормально

[Niemans]

Асмодиан, железная логика.

[volFernion]

Сообщение от Асмодиан

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; }

тоже работать будет нормально

Во то что надо Спасибо