CSS 优先级 important 属性

样式覆盖

不同的CSS代码加载方式，有不同的优先级别。

<head>
 <style type="text/css">
  p {
   font-size: 20px;
  }
 </style>
</head>

<body>
 <p style="font-size:18px;">简明教程</p>
</body>

<!-- 最终 p 的字体大小是 18px，style 属性 比 <style> 标签的 优先级要高 -->

important 属性

该属性用于提升样式的优先级别，无论什么时候，声明了!important属性元素的优先级别最高。

<head>
 <style type="text/css"> 
  p {
   font-size: 20px!important; <!-- 强制优先 -->
   font-size: 22px; <!-- 无效 -->
 }
 </style>
</head>

<body>
 <p style="font-size:18px;">简明教程</p>  <!-- 无效 -->
</body>

publish: 7/25/2018, 9:16:38 AM / by: jmjc.tech

CSS3 教程 CSS3 入门 CSS3 选择器 CSS3 颜色 CSS3 单位 CSS3 字体 CSS3 文本 CSS3 光标 CSS3 盒子模型 CSS3 边框 CSS3 边距 CSS3 列表 CSS3 表格 CSS3 背景 CSS3 效果 CSS3 浮动 CSS3 定位 CSS3 响应式 CSS3 Columns CSS3 Flex