Как применять стили на горе только к наказанному в настоящее время предмет в CSS? [закрыто] ⇐ Html

[Anonymous]

У меня есть Div из многих предметов. Назовем это полкой. На полке есть свойство «Display: Flex», и каждый элемент на полке представляет собой папку (также Div). Каждая папка имеет страницу (окончательный вложенный div).
Когда пользователь колеблется в папке, я хочу, чтобы соответствующая страница в этой папке изменила цвет границы.
Итак, я сделал это: < /p>
.folderClass:hover .pageClass{
border: 2px solid red;
}
< /code>
Тем не менее, я обнаружил, что, когда я нахожусь в любой из папок, все страницы на всей полке меняют цвет границы на красный. < /p>
Итак, как выбрать папку в данный момент?.folderClass:nth-of-type(n):hover .pageClass:nth-of-type(n){
border: 2px solid red;
}
< /code>
, похоже, не работает. Насколько я понимаю, CSS предназначен для того, чтобы вы могли поместить реальное число вместо n, чтобы укрепить конкретный элемент списка, верно? Так что я не могу написать 'n'? > Я попытался добавить спецификацию «nth-of-type (n)», но, похоже, не имеет никакого эффекта.


Подробнее здесь: https://stackoverflow.com/questions/794 ... tem-in-css