css的三大特性

1.继承性

作用：子元素可以继承父元素的样式
text-，font-，line-这些元素开头的都可以继承，以及color属性
特殊性：

①. a标签的颜色不能继承，必须对a标签本身进行设置

②. h标签的字体大小不能修改，必须对h标签本身进行修改

2.层叠性

是浏览器处理冲突的一个能力
如果一个属性通过两个选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉

3.优先级

！important>行内样式>id选择器>类选择器>标签选择器>通配符>继承

权重：

作用：多个选择器组合以后的优先级

算法：（0，0，0，0）==》第一个0是important的个数，第二个0是id选择器的个数，

第三个0对应的类选择器的个数，第四个0对应的是标签选择器的个数，就是当前选择器的权重。

权重是优先级的算法，层叠是优先级的表现

选择器的工作原理：选择器是从右我往左查找

时间： 2024-12-25 18:46:01

css的三大特性的相关文章

CSS(4)---三大特性(继承性，层叠性，优先级)

CSS(4)---三大特性(继承性,层叠性,优先级) CSS有三大特性分别是: 继承性,层叠性,优先级. 一.继承性 概念 给父元素设置一些属性,子元素也可以使用,这个我们就称之为继承性. 注意 1.并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承 2.在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承 3.继承性中的特殊性 3.1 a标签的文字颜色和下划线是不能继承的 3.2 h标签的文字大小是不能继承的 示例 <!-- 样式部分

CSS基础之CSS的三大特性【重要】

一.继承性( Inherited ):给父元素设置的属性,子孙元素也可以使用. 应用场景:一般用于设置网页上的一些共性信息,文字大小.字体颜色等 注意点: 1.不是所有的属性都可以继承,只有以 color / font- / text- / line 开头的属性才可以继承. 2.继承性中的特殊性: a标签中的文字颜色和下划线,不能通过继承修改(不是亲生的) h标签中的文字大小,不能通过继承修改(不是亲生的) 二.层叠性:CSS处理冲突的一种能力 注意点: 层叠性只有在多个选择器中选择同一个标签,

css的三大特性继承性，层叠行，优先级

1.继承性 #1.定义:给某一个元素设置一些属性,该元素的后代也可以使用,这个我们就称之为继承性 #2.注意: 1.只有以color.font-.text-.line-开头的属性才可以继承 2.a标签的文字颜色和下划线是不能继承别人的 3.h标签的文字大小是不能继承别人的,会变大,但是会在原来字体大小的基础上变大 ps:打开浏览器审查元素可以看到一些inherited from...的属性 #3.应用场景: 通常基于继承性统一设置网页的文字颜色,字体,文字大小等样式 <!DOCTYPE html

CSS三大特性（继承、优先级、层叠）之个人见解

首先声明一下CSS三大特性——继承.优先级和层叠.继承即子类元素继承父类的样式,比如font-size,font-weight等f开头的css样式以及text-align,text-indent等t开头的样式以及我们常用的color.简单的就不演示了,强调一下font-size这个东东(虽然也有继承,但是标签不同继承的效果也不一样),比如下面的代码: <!DOCTYPE html> <html lang="en"> <head> <meta c

[转载]CSS三大特性（继承、优先级、层叠）之个人见解

首先声明一下CSS三大特性——继承.优 先级和层叠.继承即子类元素继承父类的样式,比如font-size,font-weight等f开头的css样式以及text-align,text- indent等t开头的样式以及我们常用的color.简单的就不演示了,强调一下font-size这个东东(虽然也有继承,但是标签不同继承的效果也 不一样),比如下面的代码: <!DOCTYPE html> <html lang="en"> <head> <met

css学习_css三大特性

css三大特性 1.层叠性(就近原则) 2.继承性(和文字有关的会继承) 3.优先级   (权重问题) 权重:0,0,0,0 0001 ---标签选择器(注意:即使有20个标签选择器也不会比一个伪类选择器优先级高) 0010  ---类选择器,伪类选择器,属性选择器,伪元素选择器 0100  ---id选择器 1000 ---行内样式 最大的权重: !important eg: color!important;(一旦出现优先级最大) 权重是可以叠加的   对于复合选择器 eg:ul  li   

CSS（三）CSS三大特性

CSS三大特性 一)层叠性 一般情况下,如果出现样式冲突,则会安装CSS的书写顺序,以最后的样式为准.就近原则. 二)继承性 子标签会继承父标签的某些样式.text.font.line以及color的样式都可以继承. 三)优先级 *|继承(0000) < 标签(0001) < class(0010) < id(0100) < 行内样式(1000) < !important(无限大) 越特殊越优先 0,0,1,0 > 0,0,0,12 原文地址:https://www.c

H5 24-CSS三大特性之继承性

24-CSS三大特性之继承性 div { color: red; text-decoration: none; font-size: 30px } 我是段落 我是段落 我是超链接 我是大标题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>24-CSS三大特性之继承性</title> <style&

黑马程序员 ——ios点语法和类的三大特性

@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); @import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); 一.点语法 (一)认识点语法