为什么#my_id覆盖.my_类：在CSS中悬停？

应用于ID的CSS规则比类规则具有更高的优先级，这是有道理的。我不明白为什么会这样：

<div id="global_button" class="global_button_class"></div>

#global_button
{
   opacity:0.7;
}

.global_button_class:hover
{
   opacity:1;
}

…致：

#global_button:hover

---

…它起作用了。我的意思是，如果悬停状态不是由id定义的，为什么不

.global\u button\u class:hover

启动

您好，现在习惯了这一点

#global_button.global_button_class:hover{
opacity:1;
}

因为您

将不透明度定义为
id或
id
值大于high
class

ID value is  == 100
Class value is == 10

您好，现在习惯了这一点

#global_button.global_button_class:hover{
opacity:1;
}


因为您
将不透明度定义为
id或
id
值大于high
class

ID value is  == 100
Class value is == 10

这完全取决于特异性（解释得更好）。基本上优先顺序是id类元素

马拉基在这一点上给出了一个很好的解释，乔治·卢卡斯·斯泰利（）
这一切都归结于特殊性（解释得更好）。基本上优先顺序是id类元素

Malarkey给出了一个很好的倾斜George Lucas stylee（）
基本上是因为您使用元素ID设置了不透明度属性，它也设置了悬停、聚焦、活动等的状态

当您尝试使用附加的类名设置悬停状态时，它会被前面声明的ID覆盖，该ID的权重大于类

ID>CLASS
基本上是因为您已经使用元素ID设置了不透明度属性，它也在设置悬停、聚焦、活动等的状态

当您尝试使用附加的类名设置悬停状态时，它会被前面声明的ID覆盖，该ID的权重大于类

ID>CLASS
解决方案不就是：

<div id="global_button"></div>

#global_button {
opacity:0.7;
}

#global_button:hover {
opacity:1;
}


#全局按钮{
不透明度：0.7；
}
#全局按钮：悬停{
不透明度：1；
}
解决方案不就是：

<div id="global_button"></div>

#global_button {
opacity:0.7;
}

#global_button:hover {
opacity:1;
}


#全局按钮{
不透明度：0.7；
}
#全局按钮：悬停{
不透明度：1；
}
如果我有多个class=“global\u button\u class”的元素，并且我有。global\u button\u class:hover{display:none}当至少有一个元素被鼠标悬停时，是否会删除该类的所有元素？或者仅仅是鼠标悬停的那个？只有你悬停的那个网站会受到影响。虽然这个答案没有把其他网站称为其他网站…但它是网站上最完整的。我知道ID优先于类，但我不记得它还将规则设置为其他状态（焦点、悬停、活动等），如果我有多个元素Class=“global\u button\u Class”，则Class:hover将尝试覆盖它们。global\u button\u Class:hover{display:none}当至少有一个类被鼠标悬停时，该类的所有元素都将被删除吗？或者仅仅是鼠标悬停的那个？只有你悬停的那个网站会受到影响。虽然这个答案没有把其他网站称为其他网站…但它是网站上最完整的。我知道ID优先于类，但我不记得它也在为其他状态（焦点、悬停、活动等）设置规则类：hover会试图覆盖它们我在问题本身上提到过…我知道ID在类之前…但我认为类：选择器在ID之前…但因为它覆盖了更高优先级选择器的css属性，所以它不会工作我在问题本身上提过…我知道ID在类之前…但我思想类：选择器在id之前…但因为它覆盖了更高优先级选择器的css属性，所以它无法工作