как можно изменить атрибут не вложенных элементов с помощью css?

0

возможно ли сделать что-то подобное с помощью 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 ответ

1
Лучший ответ

Вы можете использовать + (следующий селектор) или ~ (следующий брат). Я не уверен, что 1 и 2 являются действительными именами классов.

.one:hover + .two

http://jsfiddle.net/5Unjh/

Это также напрямую не связано с нажатием, просто зависанием. Для щелчка не семантического решения с использованием только CSS/HTML возможны входы, которые можно переключить.

:checked + .two

<label for=check> first div </label><input hidden type=checkbox id=check>
<div class=two>second div</div>
  • 0
    Спасибо. Как я могу сделать это с помощью нажатия?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню