Допустимо ли CSS для включения элемента после псевдокласса в селекторе?

Я пытался создать эффект, когда я hover над элементом списка, а не над тегом привязки. Например, делая это:

#wrapper ul.menu li:hover {
    color: #ff0000;
}

Это не изменит мой цвет, потому что у меня есть стиль тега привязки, вложенный глубже, поэтому я попробовал это, и это работает:

#wrapper ul.menu li:hover a {
    color: #ff0000;
}

но я не уверен, допустимо ли использовать CSS для выбора элементов после псевдоклассов.


css css-selectors pseudo-class
person jimmy smith    schedule 11.12.2017    source источник
comment
Это выглядит абсолютно нормально для меня. Добавление элемента после наведения, как вы сделали, очень распространено и часто используется для создания многоуровневых навигационных меню. В этом нет ничего плохого.   -  person SWC    schedule 11.12.2017

Ответы (1)


arrow_upward
0
arrow_downward

Любое количество псевдоклассов может появиться в любой части селектора. Вам предоставляется свобода стилизовать брата или потомка или иным образом любой элемент, который не является тем, к которому вы применяете псевдокласс, каким бы этот псевдокласс ни был, в соответствии с вашими потребностями.

person BoltClock    schedule 11.12.2017