已阅读5页,还剩1页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
在编写CSS代码的时候,我们会出现多个样式规则作用于用一个元素的情况,例如复制代码代码如下:headerHere backgroundheader nav background-color: red;#navigation background-color: green;.nav-main background-color: blue; /special/ranking/以上三个样式规则都会作用于 ID 值为 navigation 的 nav 标签,最终哪个样式规则会生效呢,这取决于选择器的特殊性(或优先级)高低,选择器特殊性高的样式会覆盖特殊性低的样式,经过测试 nav 标签的背景会显示为 green 绿色。那么选择器特殊性是如何计算的呢?通常,我们使用四个以逗号分隔的数字来表示特殊性,比如:1.每个元素选择器贡献特殊性为 0,0,0,1;2.每个类、伪类或者属性选择器的特殊性为 0,0,1,0;3.每个ID选择器的特殊性为 0,1,0,0.计算一个组合选择器的特殊性的时候就先计算各种选择器的数量以及对应的特殊性再相加,比如复制代码代码如下:div ul ul li /* 0,0,0,4 4个元素选择器 */div.aside ul li /* 0,0,1,3 1个类选择器,3个元素选择器 */a:hover /* 0,0,1,1 1个伪类选择器,1个元素选择器 */div.navlinks a:hover /* 0,0,2,2 1个类选择器,1个伪类选择器,2个元素选择器 */#title em /* 0,1,0,1 1个 ID 选择器,1个元素选择器 */h1#title em /* 0,1,0,2 1个 ID 选择器,2个元素选择器 */* /* 0,0,0,0 1个通用选择器 */注:多类选择器有多少个类就计算多少个类,不支持多类选择器的 IE6 会理解为一个类比较选择器特殊性高低直接从左向右依次比较,数字大的则优先级更高,如果相同就比较下一位,人参皂苷rh2所有位都相同则优先级是一样高,当选择器优先级一样高的时候后申明的样式会覆盖前面申明的样式每个级别的优先级值是相互独立的,13个元素选择器写在一堆也不会比1个类选择器的特殊性高第一个0是用于行内样式的,人参皂苷rh2且仅用于行内样式复制代码代码如下: 有一样东西可以无视特殊性,人参皂苷rh2那就是 !important。使用 !important 可以把任何样式规则标记为重要复制代码代码如下:.nav-main background-color: blue !important;color: #666;基本上,任何重要的样式规则都可以覆盖没有标记为重要的样式规则,复制代码代码如下:Homediv#gohome a#home color: red;div a color: green !important;上面的代码会得到一个绿色 green 的链接,第一个规则有非常高的特殊性(0,2,0,2),但是在 !important 面前一样没用,除非我们给第一个规则也标记为重要复制代码代码如下:div#gohome a#home color: red !important;div a color: green !important;这时候链接就变为红色 red 了,都标记为重要的情况下,则会使用前面提到的特殊性规则来解决,所以使用 !important 的时候应当权衡,尽量不要用另外,IE6 是支持 !important 的,只是不完全支持而已,当在同一个选择器中,在标记为重要的样式规则之后又重新定义了此样式则 !important 将失效复制代码代码如下:.header color: red !important; /* 标准浏览器 red */color: green; /* IE6 green !important 失效 */再有就是 IE6/7 可以
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2024年代理商解除委托合同
- 2024年T电梯修理证解析及电梯修理-T证模拟考试题库
- 股东之间转让合同
- 3D打印一体化设计与制造 课件 项目一 任务一 创建吹风机支架模型特征
- (2022年-2023年)湖南对口升学英语真题(附答案)
- 广东省广州市五校联考(二中、六中、广雅、执信、省实)2022-2023学年高一下学期期末物理试题(含解析)
- 体育赛事承办合同
- 设备招标代理合同模板
- 生产车间阳光房项目工程施工合同
- 房屋产权转合同范本
- 2024年人力资源和社会保障部人事考试中心招聘工作人员8人公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版
- 人际认知智能区的创设-婴幼儿人际认知智能区的环境创设(早教环境创设)
- 中等职业学校信息技术课程标准(2020年版)(文本精排版)
- 厂区沥青道路施工方案
- 银行消防安全培训课件
- 人教部编统编版五年级下册语文第七单元检测卷(含答案解析)
- 人民银行信息化项目风险管理研究-以广西财税库行横向联网系统项目为例的开题报告
- 茶艺职业技能竞赛技术规程
- 自然保护区生态旅游规划技术规程
- 循环流化床锅炉一二次风风量配比及风压选定
- 全国高中数学 青年教师展评课 函数的单调性教学设计(安徽亳州一中) (2).doc
评论
0/150
提交评论