css样式应用优先级免费阅读可下载

返回



css样式应用优先级

ID：36491749

大小：255.91 KB

页数：16页

时间：2019-05-09

资源描述：

《css样式应用优先级》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS样式应用优先级[1位重要标志位]>[4位特殊性标志]>声明先后顺序CSS样式应用优先级关系①重要声明（!important）div{color:blue!important;color:green;}虽然按照顺序应该是使用后声明的绿色，但是因为!important的缘故，所以最后使用的却是蓝色。②正常声明1.内联样式在html文档的元素中直接插入样式的如：

在ie6中此优先级与id选择器同级2.id选择器应用于对应id的元素，css中用“#”后跟id来标记。如：#header{display:none;}

2、vid=”header“>

3.类（属性，伪类）选择器a)类选择器应用于对应class的元素，css中用“.”后跟class名来标记。如：header{display:none;}

b）属性选择器属性选择器应用于对应class的元素，css中用“[]”标记中html元素属性名来标记。如：div[title]{display:none;}

c)伪类选择器LVHA伪类,样式按LVHA优先级顺序从右至左覆盖。所以要注意一下这4个伪类的声明顺序，不同的顺序会产生不同的效果。a:link-默

3、认链接样式a:visited-已访问链接样式a:hover-鼠标悬停样式a:active-鼠标点击样式4.元素（伪元素）选择器a)元素选择器应用于所有对应的html标签，css中直接使用html元素标记如：div{display:none;}

b)伪元素选择器:first-letter-首字母样式:first-line-首行样式5.通配符选择器应用于所有匹配的样式，类似模糊匹配，*号就是什么都可以啦。如：div*{display:none;}

6.继承样式和结合符a)继承

4、样式p会继承div设置的样式，但没有权重，任何方式给p定义的样式都可以轻易覆盖继承样式如：div{color:red;}

b)结合符（combinator）1.后代选择器（descendantselector/上下文选择器contextualselector）后代结合符（descendantcombinator）：空格空格前后的元素是后代关系。树结构的分支选择器。（可一直嵌套下去，如：divpspan）如：divspan{display:none;}

5、iv>2.子（元素）选择器（childselector）子结合符：大于号（childcombinator）大于前后的元素必须是父子关系。如：div>span{display:none;}

3.相邻兄弟选择器（adjacentsiblingselector）相邻兄弟结合符（adjacentsiblingcombinator）：加号加号前后的元素必须是同级兄弟关系。如：li+li{display:none;}

6、li>

事实上一般不会遇到太过复杂的情况，按照我们常用的简单地来记就是：!important>内联定义>id>class>元素>复合结构（无定义复合>父子复合>兄弟复合）

当前文档最多预览五页，下载文档查看全文

侵权申诉



1 1 2 3 4 5 / 16



此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文

温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。

css样式应用优先级

css样式应用优先级

相关文章

相关标签