选择器不起作用

首先要知道选择器优先级，其次要注意选择器写法

选择器优先级：

通配选择器 < 标签选择器 < 类选择器=属性选择器=伪类选择器 < id选择器 < 内联样式（style） < 加了(!important)的属性

更为详细的选择器优先级讲解：CSS选择器的优先级（精讲版） (biancheng.net)

如图中这样写，将鼠标指针放在盒子上该盒子会变色

 

 

 

 

然而，这样写就不会起作用，导致div:hover{}选择器失效

 

 

 

 

 造成这种情况的原因是因为id选择器的优先级高于标签选择器，而它们同时都设置了背景颜色，这时按照优先级高低的原则，盒子是不会变色的。