!Important 属性 | 学习笔记

简介: 快速学习!Important 属性。

开发者学堂课程【CSS 快速掌握!Important 属性】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/611/detail/9182


!Important 属性

内容介绍

一、什么是 important

二、!important CSS 中的作用

三、语法格式

一、什么是 important

important 在英文中含义是“重要的”意思

 

二、!important 在 CSS 中的作用

它主要是用来提升属性的女重。其属性的权重值无穷大

 

三、语法格式

/*

使用Important属性的语法格式

属性:值!Important

*/

P{

加了!Important的属性它的权重值会变得无穷

Color:#fooImportant

P1{Color:#foo ;

#P2{Color:#foo

一定要注意!import 的语法规则:

Ø  正确的写法

n  属性:值 !important;

Ø  错误的写法

n  属性:值;!important; (不能将!important 写在分号的外面 一定要写在分号的里面)

n  属性:值 important; (!不能省略)

使用!important 一定要注意以下几点:

1,!important 它是提升的属性的权重,而不是提升选择器的权重!

上图的效果:

文本的颜色是听加了!important 的属性, 文本的大小是听 ID 选择器的 因为!important 它只是提升了属性的权重并没有提升选择器的优先级。

2,important 它不能提升继承过来的权重! 

相关文章
15avalon - 指令ms-important(important绑定)
15avalon - 指令ms-important(important绑定)
54 1
|
2月前
|
前端开发
前端基础(十二)_overflow属性、clear属性、vertical-align属性
本文详细介绍了CSS中的overflow属性、clear属性和vertical-align属性的用法和效果,并通过实例展示了如何控制元素内容溢出时的显示方式、清除浮动以及对齐行内元素和行内块元素。
63 1
|
6月前
Margin - 简写属性
Margin - 简写属性。
51 1
|
6月前
|
前端开发 开发者
CSS !important 规则
CSS !important 规则
|
容器
overflow属性详解
overflow是对溢出内容的处理
464 0
overflow属性详解
|
前端开发
每日一学—CSS overflow与text-overflow与white-space属性
CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条。text-overflow 属性指定当文本溢出包含它的元素时,应该如何显示。可以设置溢出后,文本被剪切、显示省略号 (...) 或显示自定义字符串(不是所有浏览器都支持)。white-space属性指定元素内的空白怎样处理。
293 0
每日一学—CSS overflow与text-overflow与white-space属性
|
前端开发 开发者 容器
CSS visibility与overflow属性 | 学习笔记
快速学习 CSS visibility 与 overflow 属性
CSS visibility与overflow属性 | 学习笔记
|
前端开发 开发者 容器
display 属性和实例| 学习笔记
快速学习 display 属性和实例。
display 属性和实例| 学习笔记
|
前端开发 iOS开发 MacOS
CSS font-family 中英文名称集合
CSS font-family 中英文名称集合
174 0
|
前端开发
web前端学习(十九)——CSS3盒子模型(Box Model)、边框属性(border)及轮廓属性(outline)的相关设置
web前端学习(十九)——CSS3盒子模型(Box Model)、边框属性(border)及轮廓属性(outline)的相关设置
web前端学习(十九)——CSS3盒子模型(Box Model)、边框属性(border)及轮廓属性(outline)的相关设置