возможно ли сделать что-то подобное с помощью css без javascript? предположим, что у меня есть div, которые не вложены. Я хочу изменить один атрибут, когда я нажимаю на другой.
например:
<div class="1"> first div </div>
<div class="2"> second div </div>
я хочу, когда я нажму на div 1, появится второй div или цвет шрифта изменится на другой цвет.
я протестировал этот код, но он работает, когда divs вложены:
.1:hover .2{ font-size:16px; }
Спасибо
Вы можете использовать +
(следующий селектор) или ~
(следующий брат). Я не уверен, что 1
и 2
являются действительными именами классов.
.one:hover + .two
Это также напрямую не связано с нажатием, просто зависанием. Для щелчка не семантического решения с использованием только CSS/HTML возможны входы, которые можно переключить.
:checked + .two
<label for=check> first div </label><input hidden type=checkbox id=check>
<div class=two>second div</div>