Задать вопрос
@Evgenij_nechujveter

Почему не срабатывает соседний селектор?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Соседние селекторы</title>
        <link rel="stylesheet" href="/assets/course7/course-1.css">
    </head>
    <body>
        <ul class="target">
            <li class="first">1</li>
            <li>2</li>
            <li>3</li>
            <li class="fourth">4</li>
            <li>5</li>
        </ul>
    </body>
</html>


li {
    background-color: white;
    }

.first, .first + .fourth {
    background-color: red;
    }
  • Вопрос задан
  • 251 просмотр
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
@Froggyweb
Потому что перед ним два тега используй ~
Ответ написан
dimovich85
@dimovich85 Куратор тега CSS
https://u-academy.net/
Ответ уже дан, просто объясню, селектор + действует только на следующий элемент после данного, самый ближайший, а тильда ~ выбирает любой следующий элемент, но не предыдущий.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽