стиль только некоторые элементы в списке

Question

Есть ли способ просто создать некоторые элементы в списке html?

Например

Есть ли способ поставить рамку вокруг только последние 2 пунктов в списке?

Answer 1

Пробовал так:

:last-child, 
:nth-last-child(2) { 
    ruleset 
} 

Answer 2

Вы можете использовать :nth-last-child() pseudo selector поставить стиль вокруг двух последних элементов списка (li элементов) в списке.

li:nth-last-child(-n+2) { 
    your styles go here 
} 

Обратите внимание, что :nth-last-child() является не поддерживается в IE8.

Answer 3

Вы могли бы сделать это с помощью селектора :not:

div ul:not(:first-child) { 
    background-color: #900; 
} 

Это выберет все элементы для кроме первого, независимо от количества элементов.

Кроме того, если вы создаете цикл for в своем HTML, вы можете добавить класс ко всем элементам счетчика forloop, за исключением первого.

Answer 4

Если список является известной длины, вы можете также использовать псевдо класс п-го ребенка, такие как:

li:nth-child(n+2) { 
    border: 1px solid red; 
} 

это поставит границу вокруг всех, кроме первого элемента в списке.

Answer 5

Вы можете также это для второго дочернего элемента

li:first-child + li { 
border: 1px 

}

Это положить границу третьего элемента детского

li:first-child + li + l1 { 
border: 1px 

}