Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 应用:将悬停样式应用于具有相同类的所有图元_Css_Html - Fatal编程技术网

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或使用背景色:金色!重要的谢谢!这就解决了!