css选择器的优先级                                                             

css选择器的使用条件:当样式冲突时,就会有优先级问题。

其中css选择器可以分为:1.通配选择器,其优先级为0;2.标签名选择器,其优先级为1;3.类选择器,其优先级为10;4.id选择器,其优先级为100;5.后代选择器,其优先级为它所包含的选择器相加之和;6.群组选择器,其优先级不会有相加的效果。

注:1.相同类型的选择器,在样式冲突时,后面覆盖前面。

        2.不同类型的选择器,在样式冲突时,优先级高的覆盖优先级低的。

        3.优先级相同时,后面覆盖前面。

        4.*(优先级为0)<<Tags(优先级为1)<<class(优先级为10)<<id(优先级为100)<<style(优先级为1000)<<!important(优先级为1000+)。

        5.当后代选择器中所包含的选择器相加之和大于它上级的选择器,仍然是它上级的选择器覆盖它。

6.!important慎用(必须用的时候,要加注释说明一下。)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容