@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;
    }
  • Вопрос задан
  • 234 просмотра
Решения вопроса 2
@Froggyweb
Потому что перед ним два тега используй ~
Ответ написан
dimovich85
@dimovich85 Куратор тега CSS
https://u-academy.net/
Ответ уже дан, просто объясню, селектор + действует только на следующий элемент после данного, самый ближайший, а тильда ~ выбирает любой следующий элемент, но не предыдущий.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы