html - 多重选择器是否适用于 :hover?

标签 html css

我想在悬停后改变左右箭头的样式,我该怎么做?

.header-slider .content:hover .left-arrow, .right-arrow
{
    opacity: 1;
}

最佳答案

您可以使用以下内容,但实际上,最好只写出长选择器。

.header-slider .content:hover [class$="-arrow"]

如果您想减少输入,请使用 Sass 或类似的东西。

关于html - 多重选择器是否适用于 :hover?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23665507/

相关文章:

html - Div 幻灯片不显示

html - JSP include 在链接中添加项目名称前缀

带有页脚的 jQuery DataTable 不响应

html - 使用 css3 border-radius 隐藏嵌入式 swf 上的方 Angular

javascript - 通过javaScript按需将图像插入html

c# - 如何在不出现空引用错误的情况下使用 HtmlAgilityPack 获取表单输入?

javascript - Angular 2 包含,指令内容到 "alt"

jQuery/css 目标第 n 个子类

html - 使 Bootstrap 表单内联并更好地布局

html - 浮球 Canvas