龙空技术网

前端中CSS选择器的权重和优先级

82年的老程序员 35

前言:

此时姐妹们对“css选择器有哪些选择器的权重的优先级”大致比较关怀,各位老铁们都想要学习一些“css选择器有哪些选择器的权重的优先级”的相关内容。那么小编也在网络上收集了一些对于“css选择器有哪些选择器的权重的优先级””的相关文章,希望兄弟们能喜欢,各位老铁们一起来了解一下吧!

有许多CSS选择器。不同选择器的权重和优先级不同。对于一个元素,如果有多个选择器,则需要根据权重计算优先级。

权重分为四个级别:

1.表示内联样式,如“style=“xxx”',权重为1000;

2.表示ID选择器,如“#content”,权重为100;

3.代表类、伪类和属性选择器,如“Content”、“:hover”、“[attribute]”,权重值为10;

4.表示元素选择器和伪元素选择器,如“div”和“p”。权重值为1。

ps。请注意,通用选择器(*)、子选择器(>)和相邻的同级选择器(+)不在这四个级别中,因此它们的权重都是0**。权重值大的选择器具有高优先级,相同权重的优先级遵循后定义覆盖前定义的情况。

标签: #css选择器有哪些选择器的权重的优先级 #选择器权重从大到小依次为 #选择器权重从大到小依次为1吗