artemsheludko
7/25/2018 - 9:35 AM

Choose the first 2 and last 2 items in a list with nth-child (выбрать первые и последнии 2 элемента в списке)

nth-of-type-last-two.html
content_copyfile_download
<ul>
    <li><a href="">First item</a></li>
    <li>Second item</li>
    <li><a href="">Test</a></li>
    <li><a href="">Test</a></li>
    <li><a href="">Pre-last item</a></li>
    <li><a href="">Last item</a></li>
</ul>


// To choose the last two LI elements you do (выбрать последнии два эмеленты из списка):
ul > li:nth-last-of-type(-n+2) {
    background: green;
}


// To choose the first two LI elements you do (выбрать первые два эмеленты из списка):
ul > li:nth-child(-n+2) {
    background: red;
}