通过!important设置css样式优先级
CSS 设置 通过 样式 优先级 Important
2023-09-11 14:19:37 时间
CSS写在不同的地方有不同的优先级,一般 .css文件中的定义 < 元素style中的属性,但是如果使用!important,则会变得不一样,使用!important的css定义是拥有最高的优先级的
//html
<div class="testClass" style="color:red;">
Important优先级
</div>
//css
.testClass{
color:blue !important;
}
以上,在div上面设置了颜色为红色的内联样式,此时的优先级最高,但如果想要将字体颜色设置为蓝色 ,则需要添加!important 像这样:
.testClass{
color:blue !important;
}
相关文章
- CSS动画实例:旋转的圆角正方形
- Eclipse.自动提示--编写HTML/CSS/JS/JSP代码时自动提示的解决办法
- [转] 使用babel-plugin-react-css-modules简化CSS Modules的使用
- 【Vue】路由组件通过router-link设置css样式及active单击样式
- 【Css】css中class之间>(大于号)、~(波浪号)、 (空格)、,(逗号)、+(加号)详解(转载,笔记用)
- 【CSS】 Css背景图片及背景渐变综合知识和技巧大全(代码实例)
- CSS - font-size 设置小字体不生效解决方案(小于12px)
- CSS 设置页面缩放
- css 文字居中
- 在css中,可以使用white-space属性和word-break属性来设置字符超出宽度就自动换行输出。下面小编举例讲解用DIV+CSS实现字符超出宽度就自动换行输出。
- Django使用本地css/js文件的基本流程
- 《21天学通HTML+CSS+JavaScript Web开发(第7版)》——导读
- 《jQuery Mobile入门经典》—— 第 2 章 使用HTML、CSS和JavaScript
- css设置行间距的三种方法
- webpack4+(打包后的文件分析+脚本打包+HTML插件+样式处理CSS+Less+css抽离压缩)
- CSS设置DIV Herf底层图片和链接同时改变,兼容IE,Firefox,Opera,Safari,Chrome等
- CSS_css sprite原理优缺点及使用
- 浅析CSS shapes布局及了解shape-outside属性及其应用
- css 利用animation和transform 设置鸭子表
- CSS学习知识整理(六)Css position(定位)、margin 简写
- CSS学习知识整理(四)Css 盒子模型
- CSS学习知识整理(一)Css 简介、语法与创建
- CSS 发明者 Håkon Wium Lie 访谈--csdn zhangxin09
- CSS:引用自定义字体(Vue引用自定义字体)