1

Если они соседи, то можно с помощью (~). А если они один находится во втором? Или вообще не рядом?

2 ответа 2

7

В css можно менять - следующий в том-же уровне вложенности (+) любой из следующих в том-же уровне вложенности (~) непосредственного потомка ">" и любого потомка " ", родителей и предыдущие элементы менять нельзя.

вот памятка

html:

<div class="hoverme">Наведи на меня
    <div class="test"></div>
    <div><div class="test"></div> </div>
</div>
<div class="test"></div>
<hr/>
<div class="test"></div>

css:

div {
    margin-left: 10px;
}
.test:before {
    content: "не навёл";
}
.hoverme:hover  .test:before {
    content: " я внук";
}
.hoverme:hover > .test:before {
    content: "> я детё";
}

.hoverme:hover ~ .test:before {
    content: "~ я сосед";
}

.hoverme:hover + .test:before {
    content: "+ я следующий";
}

http://jsfiddle.net/h9JGb/

2

javascript-ом можете на все dom-дерево влиять.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.