Селектор CSS для дочернего элемента родительского элемента
Я хочу выбрать следующий элемент привязки к «активному» классу, в следующем примере я хочу выбрать элемент <a href = "/home?page=2"> 2 </a>, возможно ли это по классу .active?
<ul class = "pagination">
<li><a href = "/home?page=1" class = "active"> 1 </a></li>
<li><a href = "/home?page=2"> 2 </a></li>
<li><a href = "/home?page=3"> 3 </a></li>
</ul>
@TemaniAfif Хотя это выглядит очень просто, но я думаю, что вы правы, спасибо
Ответы 1
Используя селектор соседних братьев и сестер, вы можете получить доступ к следующему элементу после определенного элемента. Итак, в вашем примере это было бы
.active + li a {
color: red;
}
И, что наиболее важно, переместите класс .active в тег <li> следующим образом:
<ul class = "pagination">
<li class = "active"><a href = "/home?page=1"> 1 </a></li>
<li><a href = "/home?page=2"> 2 </a></li>
<li><a href = "/home?page=3"> 3 </a></li>
</ul>
внимательно прочтите вопрос и проверьте HTML
Что мне не хватает? Он хотел получить доступ к следующему элементу после элемента с .active, не так ли?
просто прочитайте вопрос еще раз и проверьте его HTML ... и, если не уверены, проверьте свой код
Я не хочу, чтобы это повторялось, но я бы не отвечал, если бы я не перечитал вопрос и не проверил HTML. Не могли бы вы прямо сказать мне, что мне не хватает?
Вы ничего не упускаете ... вы просто ошибаетесь ... и я не могу быть более прямым, чем сам вопрос, я не собираюсь снова писать вопрос в комментарии. Вопрос четко и ясно написан ... так что проверьте структуру HTML, протестируйте свой код, так просто ... если вы все еще не видите проблемы, прочитайте о CSS
О, я понимаю, .active нужно было переместить в элемент <li>. Я плохо, надо было проверить свой ответ, прежде чем отправлять его. Я прошу прощения.
ты еще очень далеко ...
Господи, ребята, вы меня тут поджариваете: D. Не то чтобы я сдался, но я проверил фрагмент кода в своем ответе, и он работает. так..?
Я вижу, этот парень вообще не просил убрать класс .active.
ответ прост: нет с CSS