Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Помогите с CSS
цитата
19/12/09 в 16:44
 Milk Trail
Собственно пробдема в том что бы применить определенный стиль только к первому элементу списка, не задавая его явно в body.
То есть получить такой html:
Код:
<ul id="positions">
   <li></li>
   <li></li>
   <li></li>
   <li></li>
   <li></li>
</ul>


Пока справился следущим образом:
HTML:
Код:
<ul id="positions">
   <li class="basic"></li>
   <li></li>
   <li></li>
   <li></li>
   <li></li>
   <li></li>
</ul>

CSS:
Код:
#positions {
   border: 1px solid #000000;
   margin: 0 auto;
   padding: 0 0  15px 0;
   width: 500px;
   list-style-type: none;
}

#positions li.basic {
   display: none;
}

#positions li.basic+li {
   background-image: none;
   margin: 0;
   padding-top: 15px;
}

#positions li {
   //border: 1px solid #000000;
   background: url('spacer.png') top repeat-x;
   height: 70px;
   margin-top: 15px;
   padding-top: 17px;

}

Спасибо!
цитата
19/12/09 в 18:18
 ksander60
#positions li:first-child{
Здесь твой стиль для первого элемента
}
цитата
19/12/09 в 18:33
 Milk Trail
Спасибо! Радобает на последний версиях браузеров... а как насчет ИЕ ? В инете почитал, вроде поддержка только с 8-й версии этого селектора icon_sad.gif
цитата
19/12/09 в 19:01
 ksander60
IE7 держит.
IE6 - нет, если есть мега необходимость учитывать ie6, юзай свой первоначальный способ
цитата
20/12/09 в 14:21
 Samuel Ocean
ksander60 писал:

IE6 - нет, если есть мега необходимость учитывать ie6, юзай свой первоначальный способ


+1 тем более что стиль для ИЕ6 отдельным файлом можно вывести... считай что это фикс icon_smile.gif
цитата
21/12/09 в 09:47
 hardy
Ребята, с божим словом и ейной матерью можно и ие6 научить работать как надо ;-)

Milk Trail:
Код:

/* для нормальных браузеров */
#positions li:first-child {
   padding-left: 0;
   background-image: none;
}

/* для ие6 (невалидно, но работает) */
#positions li {
   padding-left: expression( (this===this.parentNode.childNodes[0]) ? "0px" : "auto");
   background-image: expression( (this===this.parentNode.childNodes[0]) ? "none" : "auto");
}
цитата
21/12/09 в 14:37
 Samuel Ocean
hardy это уже высший пилотаж smail101.gif
цитата
22/12/09 в 18:22
 Milk Trail
Не то словл icon_smile.gif Это скорее даже "мама не горюй" ! icon_smile.gif


Эта страница в полной версии