514 ，css不同选择器的权重（css层叠的规则）

# 前端 2024-05-05 06:30 0 24 来源： 云博客

！important规则最重要，大于其它规则

  • 行内样式规则，加1000

eg，<html>

  <head>
  </head>
  <body>
    <h3>站长中心</h3>
<p style="padding-left: 60;color: blue">
站长
 </p>
  </body>
</html>

  • 对于选择器中给定的各个id属性值，加100
  • 对于选择其中给定的各个类属性，属性选择器或者伪类选择器，加10
  • 对于选择器中给定的各个元素标签选择器，加1
  • 如果权值一样，就按照样式规则的先后顺序来应用，顺序靠后的覆盖前面的规则

相关文章

36.VUE — 认识 Webpack 和 安装
36.VUE — 认识 Webpack 和 安装
nginx + http + svn
nginx + http + svn
kubernets kube-proxy的代理 iptables和ipvs
kubernets kube-proxy的代理 iptables和ipvs
基于Docker搭建 Php-fpm + Nginx 环境
基于Docker搭建 Php-fpm + Nginx 环境
.net 5+ 知新：【1】 .Net 5 基本概念和开发环境搭建
.net 5+ 知新：【1】 .Net 5 基本概念和开发环境搭建
Three.js中显示坐标轴、平面、球体、四方体
Three.js中显示坐标轴、平面、球体、四方体