Вот фиктивный кусок кода в качестве примера: < /p>
< /code>
Я пытаюсь стилизовать детей при падении их родителей.
, кроме того, я хочу сделать это с селектором Nth-Child.#parent:hover #childA {
/* styling stuff */
};
< /code>
Но все сломается, когда я пытаюсь использовать это: < /p>
#parent:hover #parent:nth-child(1).child {
/* styling stuff */
};
< /code>
Обратите внимание, что это < /p>
#parent:nth-child(1).child {
/* styling stuff */
};
< /code>
действительно применяет стиль к #childa < /p>
Таким образом, мой вопрос:
Почему использование #parent: nth-child (1). Child < /code> не захватывает #childa для применения стиля (когда поместить после #pparent: hover < /code>), и как я могу исправить это поведение? Это я мог придумать, но ничего не произошло.
(+,>, пусто, ~, избавление от. Child в конце, цепочка: hover: nth-child (), ...) < /p>
Я также рассмотрел все вопросы, которые уже задавали по предмету, но никто, кажется, не написал об этом конкретном использовании. : Hover.
Подробнее здесь: https://stackoverflow.com/questions/796 ... g-a-parent
