@racheev

Можно ли добавить класс в меню на css?

Задача.. есть менюшка <ul class=”photoblock”>
В ней естественно <li class = “nav”>
Этих <li> может быть 3 или 5.. не важно
Можно ли как-то присвоить классам этой li значение photoblock с порядковым номером?
Что бы получилось
<ul class=”photoblock”>
<li class = “nav photoblock1”> 1 </li>
<li class = “nav photoblock2”> 2 </li>
<li class = “nav photoblock3”> 3 </li>
</ul>
  • Вопрос задан
  • 46 просмотров
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега CSS
Верставший фронтендер
Для этого есть nth-child

Таким образом:
.photoblock .nav:nth-child(1) { color: red }
.photoblock .nav:nth-child(2) { color: green }
.photoblock .nav:nth-child(3) { color: blue }

и так далее
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы