Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > класс внутри другого класса


Автор: lumentek 2.8.2010, 06:24
<div class="first">
<p class="second">....</p>
</div>

если я в ccs пытаюсь для тега p с классом second назначить свойства, то они не работают внутри класса first. Вопрос, как сделать  чтобы работали. Тоесть как правильно назначить?

Автор: skyboy 2.8.2010, 09:03
приведи CSS код. ну, что за странная конспирация?!  smile

Автор: bazzjr 2.8.2010, 10:35
Цитата(skyboy @ 2.8.2010,  09:03)
приведи CSS код. ну, что за странная консирация?!  smile

+100

Вообще народ хочет чтобы мы их мысли читали...  smile 

Автор: ksnk 2.8.2010, 11:54
skyboy, а есть ли там мысли?  smile 

чтобы правило работало в первом диве можно наисать вот так
Код

div.first {border:1px solid red;}

чтобы работало во каждом  вложенном в первый див параграфе с таким классом и больше нигде
Код

div.first p.second {border:1px solid green;}


или вопрос про то, как определить стиль для div.first, в котором есть p.second? Так, чтобы, если нету параграфа - стили были другие? 
В этом случае надо писать на JS или ждать более другой версии CSS... какой-нибудь css4... лет через 10-15, возможно появится... 


Автор: Violator 2.8.2010, 12:22
ksnk, 
не рекомендуется данная запись в ксс smile 
в данном случае будет лучше такой код
Код

.first {...}
.second {...}

Автор: ksnk 2.8.2010, 12:41
Violator, 
Цитата(ksnk @  2.8.2010,  11:54 Найти цитируемый пост)
чтобы работало во каждом  вложенном в первый див параграфе с таким классом и больше нигде

точно? Может топикстартера подождем? 

Автор: Violator 2.8.2010, 14:30
ksnk, 
проблема в форме записи, и в том как она влияет на скорость отображения страницы
https://developer.mozilla.org/en/Writing_Efficient_CSS#How_the_Style_System_Matches_Rules

Автор: ksnk 2.8.2010, 15:44
Violator, Тоесть предлагается написать быстрый код, который не решает задачу и этой быстротой очень сильно гордится? 
Может все таки разумнее подождать топикстартера, а то телепатический метод решения задачи может завести не туда?  smile 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)