首页 > 建站经验 > DIV+CSS

什么是CSS 样式优先级?

浏览次数:

CSS 的继承性 CSS 的继承特性指的是应用在一个标签上的那些 CSS 属性被传到其子标签上。看下面的 HTML 结构:


如果 <div> 有个属性 color: red,则这个属性将被 <p> 继承,即 <p> 也拥有属性 color: red。
由上可见,当网页比较复杂, HTML 结构嵌套较深时,一个标签的样式将深受其祖先标签样式的影响。影响的规则是:
CSS 优先规则1: 最近的祖先样式比其他祖先样式优先级高。
例1:

 

如果我们把一个标签从祖先那里继承来的而自身没有的属性叫做"祖先样式",那么"直接样式"就是一个标签直接拥有的属性。又有如下规则:
CSS 优先规则2:"直接样式"比"祖先样式"优先级高。
例2:

选择器的优先级
上面讨论了一个标签从祖先继承来的属性,现在讨论标签自有的属性。在讨论 CSS 优先级之前,先说说 CSS 7 种基础的选择器:
ID 选择器, 如 #id{}
类选择器, 如 .class{}
属性选择器, 如 a[href="segmentfault.com"]{}
伪类选择器, 如 :hover{}
伪元素选择器, 如 ::before{}
标签选择器, 如 span{}
通配选择器, 如 *{}

上一篇:网页代码DIV+CSS 下一篇:返回列表
每日精选
扫一扫加我们
Copyright 万企建站 QQ/微信:5253569 上海公司:上海市松江区强业路951号上海有建科技旗下建站品牌 备案编号:沪ICP备15009823号
联系我们 在线咨询 代理申请