Css 应用:将悬停样式应用于具有相同类的所有图元
我正在尝试对所有具有类Css 应用:将悬停样式应用于具有相同类的所有图元,css,html,Css,Html,我正在尝试对所有具有类对话框btn的按钮标记应用悬停效果。我试过.dialog btn:hover{background color:gold},但不起作用。对于类似的问题,我也尝试过其他建议,但还是没有成功。有人能澄清一下我是如何做到这一点的吗 下面两个例子都不起作用 按钮。对话框btn:悬停{ 背景颜色:金色; } 裁判比赛 关于 阅读您的评论,我想如果您将鼠标悬停在parrent元素上,您希望所有按钮上都有金色 如果是这样的话,你可以这样做 .dialog-btns:hover .di
对话框btn
的按钮
标记应用悬停效果。我试过.dialog btn:hover{background color:gold}
,但不起作用。对于类似的问题,我也尝试过其他建议,但还是没有成功。有人能澄清一下我是如何做到这一点的吗
下面两个例子都不起作用
按钮。对话框btn:悬停{
背景颜色:金色;
}
裁判比赛
关于
阅读您的评论,我想如果您将鼠标悬停在parrent元素上,您希望所有按钮上都有金色
如果是这样的话,你可以这样做
.dialog-btns:hover .dialog-btn{
background-color: gold;
}
你需要提供一个,而不是一个没有HTML的CSS片段。你的代码“有人能澄清一下我是如何做到这一点的吗?”-单独使用CSS:一点也不。(如果所有按钮都有一个共同的父按钮,那么悬停父按钮可能会给子按钮上色——但在大多数布局情况下,这可能无法实现。)这需要一些JavaScript。然后发布代码]
。对话框btn:hover{…}
仅当我没有id的样式时才起作用yes
和about
这是因为id比类具有更高的特异性。您不应该使用id或使用背景色:金色!重要的代码>谢谢!这就解决了!