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

Как задать стиль второму вложенному диву?

C

69

clb

13 сентября 2012, 04:00

2216

Как задать стиль второму вложенному диву?

<div class="style">

 <div class="style1">

 </div>

</div>

Есть стиль div.style1, но нужно сделать другой фон для одного блока. Названия классов поменять нельзя. Так не срабатвает -

div.style div.style1 {

....

}

209

Ayavryk

13 сентября 2012, 04:27

#1

1. http://htmlbook.ru/css/!important (метод нерекомендуемый к использованию)

2. Поставьте FireBug. Он позволяет проверить какие именно правила работают или не работают для конкретного элемента подробнее: http://firebug.ru/css.html

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/

169

Garin33

13 сентября 2012, 04:30

#2

В css отдельно прописать для .style и .style1. В чем собственно сложность?

<style>
.style {width:200px;height:100px;background-color:#ff00ff;}
.style1 {width:50px;height:100px;background-color:#505050;}
</style>

<div class="style">
<div class="style1">
</div>
</div>

Потому что Drupal - это круто.

140

-O-O-

13 сентября 2012, 05:26

#3

div.style div { ... }

C

69

clb

13 сентября 2012, 05:38

#4

Garin33:
В css отдельно прописать для .style и .style1. В чем собственно сложность?

есть несколько дивов с классом style1, а нужно прописать стиль для одного дива style1 находящийся в style (такой класс только у одного блока).

---------- Добавлено 13.09.2012 в 09:41 ----------

-O-O-:
div.style div { ... }

не действует

140

-O-O-

13 сентября 2012, 05:59

#5

clb:
есть несколько дивов с классом style1, а нужно прописать стиль для одного дива style1 находящийся в style (такой класс только у одного блока).

---------- Добавлено 13.09.2012 в 09:41 ----------

не действует

Значит перекрывают другие стили. Вам уже советовали !important.

Скачайте Гугл хром. Откройте в нем страницу. Кликните правой кнопкой на этом диве и выберите "Просмотр кода элемента". В нижнем окне отладчика, справа будут все стили, которые применяются к этому диву. Там же указана строка файла стилей, где найдете это правило и измените.

Text-transform на Wordpress Как это будет называться Помогите с архивом новостей(Wordpress)

[Удален]

13 сентября 2012, 07:50

#6

clb:
есть несколько дивов с классом style1, а нужно прописать стиль для одного дива style1

Дык присвойте этому диву другой класс style666 раз уж у верстальщика руки кривые... ))

209

Ayavryk

13 сентября 2012, 09:15

#7

Garin33:
В css отдельно прописать для .style и .style1. В чем собственно сложность?

Сложность в том что топикстартер типа вас вместо того чтобы анализировать через FireBug (или его аналоги) источник проблемы (ясно что или где-то что-то перекрыто или в CSS синтакс.ошибка) пытается шаманить с бубном

Тынгыр, мынгыр, класс туда!

Тынгыр, мынгыр, класс сюда!

1

Помощь с Joomla! Убрать пункт Главная с Рекомендации гугла

71

Эгоист

13 сентября 2012, 11:13

#8

задайте первый через id

<div id="style">

<div class="style1">

</div>

</div>

и получится

#style .style1 {...}

41

TaediumVitae

13 сентября 2012, 14:59

#9

А вот мне что-то подсказывает, что человеку нужен :first-child.

Есть блок с классом style, внутри несколько блоков с классом style1, и первому из них нужен другой, не такой как у остальных стиль. Так?

C

69

clb

14 сентября 2012, 05:35

#10

В firebag смотрел, решения не нашел.

Напишу подробнее.

Есть несколько таких блоков:

<div class="stylee">

 <div class="style1">

 </div>

</div>

Классу style1 задан стиль. Есть один блок такой:

<div class="style">

 <div class="style1">

 </div>

</div>

Можно ли задать стиль классу style1 только в этом одном блоке не изменяя названия классов?