Помогите с правилом для css

12
U
На сайте с 24.02.2009
Offline
116
915

как в ксс сделать зависимость и от id и от class


#bangmenu ul li.item4 a {width:84px; height:17px; margin-top:4px; display: block; background: url(roditelyam.png) no-repeat;}

#bangmenu ul li.item4 a:hover {background: url(roditelyam_h.png) no-repeat;}

вот если у li class="item4" и id ="current" то {background: url(roditelyam_h.png) no-repeat;}

<li id="current" class="active item4">

т.е тут не вложенность а если и класс такой и айди такой у элемента то выполняем правило

это реально на css сделать? :crazy:

IL
На сайте с 20.04.2007
Offline
418
#1

#current.item4
... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
U
На сайте с 24.02.2009
Offline
116
#2
ivan-lev:
#current.item4

хм нет же,

вот этот селектор

#bangmenu ul li.item4 a:hover {background: url(roditelyam_h.png) no-repeat;}

и этот - не равны

#current.item4 a {background: url(roditelyam_h.png) no-repeat;}

получается что стиль id указываем..

мне нужно правило селектора.

что мол если у li - класс = item4 и одновременно id = current то элементу a ставим фон {background: url(roditelyam_h.png) no-repeat;}

[Удален]
#3
ufaclub:
хм нет же

перепишите все стили последовательно и всё заработаеть... ))

ufaclub:
если у li - класс = item4 и одновременно id = current то элементу a ставим фон {background: url(roditelyam_h.png) no-repeat;}

#current li.item4 {background: url(roditelyam_h.png) no-repeat;}

проще уж некуда... если косяков в последовательностях нет - не работать не может!

U
На сайте с 24.02.2009
Offline
116
#4
Pavel_:
перепишите все стили последовательно и всё заработаеть... ))

#current li.item4 {background: url(roditelyam_h.png) no-repeat;}
проще уж некуда... если косяков в последовательностях нет - не работать не может!

#current - принадлежит тому же li.item4

т.е

<li id="current" class="active item4">

<a href="/roditelyam.html"></a>

</li>

а в вашем правиле это бы работало если бы было так

<li id="current">

<li class="item4">

<a></a>

<li>

<li>

в любом случае - так вот не работает

#current li.item4 {background: url(roditelyam_h.png) no-repeat;}

AlexandrSG
На сайте с 14.11.2010
Offline
74
#5

\div id=red\

red

\/div\

\div class=green\

green

\/div\

\div id=red class=green\

red

\/div\

**style: div.black{background:#000 !important;}

\div id=red class=green, black\

black

\/div\

ЗЫ условий в css нет, выйти из положения можно добавлением нового класса к нужному элементу

Консультации, Inside/Outside (/ru/forum/809679) оптимизация/продвижение
U
На сайте с 24.02.2009
Offline
116
#6
AlexandrSG:
\div id=red\
red
\/div\

\div class=green\
green
\/div\

\div id=red class=green\
red
\/div\

**style: div.black{background:#000 !important;}
\div id=red class=green, black\
black
\/div\

аааа точно через запятную же можно... спасибо те добрый человек... уже часов 12 туплю....

C
На сайте с 04.02.2005
Offline
246
#7
в любом случае - так вот не работает
#current li.item4 {background: url(roditelyam_h.png) no-repeat;}

#current.item4

li#current.item4

[Удален]
#8
ufaclub:
в любом случае - так вот не работает
#current li.item4 {background: url(roditelyam_h.png) no-repeat;}

ну тады так :::

Chukcha:
#current.item4
li#current.item4

пробел ещё можно всандалить перед точкой (необязательно)

это уж стопудово... ))

C
На сайте с 04.02.2005
Offline
246
#9
пробел ещё можно всандалить перед точкой (необязательно)

Pavel_, не говорите чушь

#current.item4 = < id=current class=item4>

#current .item4 = < id=current> < class=item4>

Почувствуйте разницу

[Удален]
#10
Chukcha:
Pavel_, не говорите чушь

как бэ вам подобрее ответить...

у меня работают все три варианта (и даже пять - это + 2 с пробелами)

li#current.item4 - более точный и правильный - спору нет

разницы - не вижу

после li - тож пробел можно всандалить... ))

12

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