Добрый день, интересует как задать стили всем элементам списка кроме первого, читал когда то про псевдо класс но забыл как называется.
3 ответа
Если вы не поддерживаете IE младше 9 версии, то вот решение:
li:not(:first-child) {
color: red;
}
Можно также использовать first-child
:
ul {
background-color: #900; /* будет применено к каждому ul */
}
ul:first-child {
background-color: transparent; /* только для первого */
}
Для поддержки более старых браузеров можно воспользоваться следующей конструкцией - объявляется общий стиль, а на первом элементе указывается класс first-element
:
ul {
background-color: #900;
}
first-element { /* этот класс необходимо указать у первого элемента */
background-color: transparent;
}
-
-
2@Grundy мало ли, какие корпоративные приложения, автор же не озвучил требования. 6 конечно перебор, но 8 ещё встречается– FeroxTL24 авг 2016 в 13:18
-
1
-
-
@FeroxTL Все верно поддержка ie младше 9 версии не требуется, благодарю за оперативность. 24 авг 2016 в 13:24
:first-child
:first-of-type
:nth-of-type(1)
:not(:first-child) {
...
}
li { color: red; }
li:first-child { color: inherit; }
li:not(:first-child) { font-style: italic; }
li + li { text-decoration: underline; }
<ul>
<li>All except first are red italic and underlined
<li>All except first are red italic and underlined
<li>All except first are red italic and underlined
<li>All except first are red italic and underlined
<li>All except first are red italic and underlined
<li>All except first are red italic and underlined
<li>All except first are red italic and underlined
</ul>