Html 关于选择器的CSS优先级

Html 关于选择器的CSS优先级,html,css,Html,Css,最近,我正在根据页面研究选择器的CSS优先级:,我有一个问题: *{ 保证金:0; 填充:0; } .再见, ulli{ 宽度:300px; 高度:300px; 边框:1px纯红; } /* [0,0,0,2] */ ulli{ 背景:黄色;颜色:红色; } /* [0,0,10,0] */ 1.再见{ 背景:灰色;颜色:蓝色; } 。see me具有更高的优先级[0,0,10,0],那么为什么字体颜色不是蓝色,而是红色 see me类实际上有一个灰色背景。因为ul元素是see me类d

最近,我正在根据页面研究选择器的CSS优先级:,我有一个问题:

*{
保证金:0;
填充:0;
}
.再见,
ulli{
宽度:300px;
高度:300px;
边框:1px纯红;
}
/* [0,0,0,2] */
ulli{
背景:黄色;颜色:红色;
}
/* [0,0,10,0] */
1.再见{
背景:灰色;颜色:蓝色;
}

  • 。see me具有更高的优先级[0,0,10,0],那么为什么字体颜色不是蓝色,而是红色

see me类实际上有一个灰色背景。因为ul元素是see me类div的子元素,所以它被绘制在它的上面。

因为你看不见我

*{
保证金:0;
填充:0;
}
.再见,
ulli{
宽度:100%;
边框:1px纯红;
}
/* [0,0,0,2] */
ulli{
背景:黄色;
}
/* [0,0,10,0] */
1.再见{
高度:300px;
背景:灰色;
}

  • 。see me具有更高的优先级[0,0,10,0],那么为什么背景不是灰色,而是黄色

。见我
是灰色的,它只是被
li
隐藏了。检查HTML,你会看到。但是,如果你把ulli{背景:黄色;颜色:红色;}和。看我{背景:灰色;颜色:蓝色;}你会看到,字体颜色也没有改变!你认为它应该是什么颜色?应该是蓝色符合W3CY你误解了CSS选择器的工作原理。如果你把.see me类放在li而不是div上,那么你就会看到。但是,如果你把ul li{背景:黄色;颜色:红色;}和.see me{背景:灰色;颜色:蓝色;}你会看到,字体颜色也没有改变!这是我的最新消息。。如果是这样,它是否属于CSS选择器的优先级?