Форум Сайтостроение Веб-строительство

Наследственность в css?

X0
На сайте с 10.08.2011
Offline
7
Xe0n
2728

Что-то не могу нагуглить, в css есть наследственность?

Т.е у меня вот есть класс

.id1

Он создан для одного div.

У меня есть ещё один точно такой же div, с одним отличным от предыдущего свойством.

Могу ли я как то использовать класс id1 что бы описать id2 с одним изменённым параметром? Или из-за одной строчки придёться копировать весь код класса?

По логике должно быть что-то вроде такого: 

                .id1 {

			background-color: rgba(229, 229, 229, 1);

			width: 30%;

			float:left;

			margin-left:2%;

			margin-top:30px;

                      }

		id1.id2 {

			margin-top:60px;

		}

Но только так не работает похоже ><

C
На сайте с 04.02.2005
Offline
291
Chukcha
#1

Обратите внимание !!!

.id1.id2

DI
На сайте с 03.01.2007
Offline
123
DenIT
#2

.id1 .id2 — это вложенность (id2 должен быть вложен в .id1), при этом ничего не наследуется.

.id1, .id2 — перечисление. Можно перечислить таким образом общие свойства, а потом еще дописать: .id2 {margin-top:60px;}

Высказывание идиотского утверждения требует на порядок меньше усилий, чем его последовательное и обоснованное опровержение и более того, иногда это опровержение вообще невозможно. © (http://zhurnal.lib.ru/s/shapiro_m_a/raspidiota.shtml)
X0
На сайте с 10.08.2011
Offline
7
Xe0n
#3
Обратите внимание !!!
.id1.id2

Да так тоже не работает...

А должно?

Xe0n добавил 10.08.2011 в 18:49

DenIT:
.id1 .id2 — это вложенность (id2 должен быть вложен в .id1), при этом ничего не наследуется.
.id1, .id2 — перечисление. Можно перечислить таким образом общие свойства, а потом еще дописать: .id2 {margin-top:60px;}

Второе то что мне нужно то есть. Спасибо.

K
На сайте с 29.06.2005
Offline
76
Kalian
#4

.id1.id2 - это для блока <div class="id1 id2"></div>

.id1 .id2 - это для <div class="id1"><div class="id2"></div></div>

C
На сайте с 04.02.2005
Offline
291
Chukcha
#5

.id1, .id2 - так это не наследственность...

наследственность - это когда свойства элемента распространяются на свойства вложенных элементов

X0
На сайте с 10.08.2011
Offline
7
Xe0n
#6

Ну я в итоге как товарищ Kalian посоветовал сделал:

.id1.id2 и <div class="id1 id2"></div> для блока

А #id так не умеют?

Что бы через id="_" задавать?

Не принцепиально, просто интересно.

В Яндекс.Вебмастере появился упрощённый На Турбо-страницах появилась возможность Оптимизируем видео из YouTube
Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#7

Можно задать свойства элементу и с помощью идентификатора. Различие в том, что элемент структурной разметки с определенным id на странице может быть только один, тогда как с классом - сколько угодно.

Ayavryk
На сайте с 11.10.2003
Offline
209
Ayavryk
#8
Xe0n:
Что-то не могу нагуглить, в css есть наследственность?

В CSS нет наследственности. Есть наследование.

Кстати, вы не перепутали #id и .id ? У вас точно класс, а не ID?

Kalian:
.id1.id2 - это для блока <div class="id1 id2"></div>

Не работает в ie6

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
X0
На сайте с 10.08.2011
Offline
7
Xe0n
#9
Ayavryk:
В CSS нет наследственности. Есть наследование.

Угу, это я по безграмотности.

Ayavryk:

Не работает в ie6

О ужас, под него ещё верстают?

[Удален]
#10
Xe0n:
О ужас, под него ещё верстают?

Да, в некоторых случаях даже с успехом. :D

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий