!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 它不能提升继承过来的权重! 

相关文章
|
3月前
|
前端开发
前端基础(十二)_overflow属性、clear属性、vertical-align属性
本文详细介绍了CSS中的overflow属性、clear属性和vertical-align属性的用法和效果,并通过实例展示了如何控制元素内容溢出时的显示方式、清除浮动以及对齐行内元素和行内块元素。
83 1
|
3月前
overflow属性
overflow属性。
41 0
|
7月前
Margin - 简写属性
Margin - 简写属性。
65 1
|
前端开发 容器
【CSS】定位属性position使用详解(static、relative、fixed、absolute)
css定位属性position:static、relative、fixed、absolute详细介绍及使用样例。
152 0
|
容器
overflow属性详解
overflow是对溢出内容的处理
543 0
overflow属性详解
|
前端开发
每日一学—CSS overflow与text-overflow与white-space属性
CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条。text-overflow 属性指定当文本溢出包含它的元素时,应该如何显示。可以设置溢出后,文本被剪切、显示省略号 (...) 或显示自定义字符串(不是所有浏览器都支持)。white-space属性指定元素内的空白怎样处理。
306 0
每日一学—CSS overflow与text-overflow与white-space属性
|
前端开发 开发者 容器
CSS visibility与overflow属性 | 学习笔记
快速学习 CSS visibility 与 overflow 属性
CSS visibility与overflow属性 | 学习笔记
|
前端开发
|
前端开发
CSS 文档中定位指南:static、relative、absolute、fixed、sticky
CSS 中 position 属性用于指定元素的定位方法的类型(static、relative、absolute、fixed、sticky)。
148 0
CSS 文档中定位指南:static、relative、absolute、fixed、sticky
|
前端开发 开发者
Border 属性 | 学习笔记
快速学习 Border 属性。
142 0
Border 属性 | 学习笔记

热门文章

最新文章