分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

CSS选择器的优先级及权重问题【CSS核心问题】

发布时间:2023-09-06 01:28责任编辑:苏小强关键词:CSS选择器

1.CSS选择器优先级:    !important >行间样式> id >class和属性选择器>标签选择器>通配符选择器        注意:[初级工程师水平]

2.之所以有优先级问题,归根到底是这些选择器有权重的,权重值越大,优先级越高!如下所示:

   !important                              Infinity[正无穷]

         行间选择器                            1000[权重]

         id选择器                                 100[权重]

         class|属性|伪类选择器         10[权重]

        标签|伪元素选择器                 1[权重]

        通配符                                      0[权重]

 以上权重满足计算关系,在数学中,正无穷加1和正无穷是一样的,但是在计算机中,正无穷加1就是比正无穷大,也就是说在计算机中正无穷是有穷尽的!

需要注意:这里的1000和100等数字权重都不是十进制的,都是256进制的,所以1和2之间不是差了1,而是差了256!【高大尚的知识点】

CSS选择器的优先级及权重问题【CSS核心问题】

原文地址:http://www.cnblogs.com/python-machine/p/7944065.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved