135节---------4月11日

CSS的三大特性

为层叠性，继承性、优先级。

层叠性

相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要

决样式突的问题。

层叠性原则：

样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式
样式不冲突，不会层叠

继承性

CSS中的继承子标签会继承父标签的某些样式，如文本颜色和字号。简单的理解就是∶子承父业。

恰当地使用继承可以简化代码，降低CSS样式的复杂性
子元素可以继承父元素的样式( text-, font-, line-这些元素开头的可以继承，以及color属性)

特殊：行高的继承

font: 12px/1.5 'Microsoft YaHei';
div {font-size: 14px;}

子元素继承了父元素的行高1.5
这个1.5就是当前元素文字大小font-size 的1.5倍所以当前div的行高，也就是21像素。

<ul>
<li>我没有指定文字大小</li>
</ul>

li没有手动指定文字大小，则会继承父亲的文字大小12px，所有li 的文字大小为 12px

优先级

当同一个元素指定多个选择器，就会有优先级的产生。

选择器相同，则执行层叠性
选择器不同，则根据选择器权重执行

权重由低到高依次为

继承或者* 0,0,0,0
元素选择器 0,0,0,1
类选择器，伪类选择器 0,0,1,0
ID选择器 0,1,0,0
行内样式style="" 1,0,0,0
!important重要的最牛

!important使用如下

div {
color: pink!important;
}

权重的叠加

如果是复合选择器，则会有权重叠加，需要计算权重

div ul li-----0,0,0,3
.nav ul li-----0,0,1,2
a:hover-----0,0,1,1
.nav a-----0,0,1,1

135节---------4月11日相关推荐

2022年天猫双11购物节,10月24日晚8点预售来袭
2022年天猫双11购物节,10月24日晚8点预售来袭这对于爱网购的小姐姐们一定都知道接下来会发生什么事情了,双11第一波预售将至,我们可以为买衣服鞋帽做清单了,据天猫的微博了解,2022年的天猫双 ...
超人气光棍节！现在时间虽然不是2011年11月11日11点11分11秒11毫秒11微秒11纳秒11皮秒11飞秒11阿秒11渺秒11......
尽管我们没有机会经历1111年11月11日11点11分11秒11毫秒11微秒11纳秒11皮秒11飞秒11阿秒11渺秒11...,但是我们马上要迎来,2011年11月11日11点11分11秒11毫秒11 ...
11月11日光棍节游玩指南
一.音乐狂欢party 活动时间:11月10日 14:00-17:00 活动地点:洪山区街道口珞瑜路4号乐天城5F优畅KTV 费用:免费报名地址:http://hot.fdc.com.cn/2012 ...
互联网晚报 | 8月11日星期三 | 苏炳添成为小米品牌代言人；联想企业购正式上线；中国电信A股IPO战略配售结果出炉...
‍ ‍今日看点 ✦ 中国电信披露战略配售结果:大基金二期.华为等20家战投最终获配51.83亿股 ✦ 小米官宣苏炳添成为品牌代言人,发布小米MIX 4.小米平板5等多款新品 ✦ 联想发布一站式IT采购 ...
【历史上的今天】11 月 11 日：腾讯成立；信息论先驱出生；阿德曼提出 DNA 计算
整理 | 王启隆透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 今天是 2022 年 11 月 11 日,1924 年的今天,中山大学成立:中山大学由原中山大学和中山医科大学合并组建,是 ...
互联网日报 | 6月11日星期五 | 滴滴正式提交赴美IPO申请；百度再投20亿成立造车公司；盒马集市将推出“盒字号”商品...
今日看点 ✦ 滴滴出行正式提交赴美IPO申请,平台全球年活跃用户达4.93亿 ✦ 百度再投20亿成立造车公司"集度科技",此前已成立集度汽车 ✦ 火山引擎召开品牌发布会,对外开放字 ...
【HCIE考试喜报】2022年11月11日考试通过
网络工程师认证:HCIE(华为ICT专家认证)_微思xmws的博客-CSDN博客_hcie证书华为HCIE课程介绍HCIE认证概述HCIE-R&S认证定位于大中型复杂网络的构建.优化和管理.H ...
服务器例行维护是什么,端游公告丨8月11日服务器例行维护，1314绑点、随心染匣送送送...
亲爱的玩家: 青龙乱舞区.大地飞鹰区.天命风流区.沧海云帆区全部服务器在8月11日6:00~10:00停机维护更新,维护完成后上述各服务器客户端版本更新至2.1.53.12.本次维护主要调整和修改内容 ...
android炉石解析包错误,炉石传说7月11日解析失败怎么回事游戏出错解决方法介绍...
原标题:炉石传说7月11日解析失败怎么回事游戏出错解决方法介绍炉石传说 7 月 11 日不少玩家在更新游戏后出现了"解析失败"等问题,针对这一问题,官方给出了安卓版用户的解决方 ...

135节---------4月11日

CSS的三大特性

层叠性

继承性

优先级

135节---------4月11日相关推荐

最新文章

热门文章