как обратиться в style.css к определенному элементу?

Question

есть код

<ul class="odin">
 <li class="dva"></li>
 <li class="dva"></li>
 <li class="dva"></li>
 <li class="dva"></li>
 <li class="dva"></li>
 <li class="dva"></li>
 <li class="dva"></li>
 <li class="dva"></li>
 <li class="dva"> //нам надо к этому элементу именно li
  <div class="nam"></div>
 </li>
</ul>

его менять нельзя, мне надо обратиться к последнему li элементу

Answer 1

Используйте псевдоклассы. Если нужен первый или последний дочерние элементы, то для этого есть :first-child и :last-child. Если какой-то определённый, то пишите :nth-child(n), где n - номер дочернего элемента.

.odin .dva:first-child {
  color: blue;
}
.odin .dva:last-child {
  color: red;
}
.odin .dva:nth-child(5) {
  color: green;
}

<ul class="odin">
 <li class="dva"></li>
 <li class="dva"></li>
 <li class="dva"></li>
 <li class="dva"></li>
 <li class="dva"></li>
 <li class="dva"></li>
 <li class="dva"></li>
 <li class="dva"></li>
 <li class="dva">
  <div class="nam"></div>
 </li>
</ul>

Answer 2

Как вариант, можно задать элементу два класса class="dva ggg" и обратиться .ggg

БЛОГ НА HUSL

как обратиться в style.css к определенному элементу?

Ответы (2 шт):