css选择器的优先级别
2015-06-17 12:27
501 查看
<html><head lang="en"> <meta charset="UTF-8"> <title></title> <!-- css选择器遵循: 1.在相同级别:1.叠加原则 2.就近原则 2. id选择器> 类选择器 > 标签选择器 3. 范围越小,优先级别越高 --> <style> div#main{ /*101*/ color: goldenrod; } /*id选择器*/ #main{ /*100*/ color: deeppink; } /*类选择器*/ .test2{ /*10*/ color: purple; } .test1{ /*10*/ color: yellow; } /*标签选择器*/ div{ /*1*/ color: red; } div{ /*1*/ color: green; } div{ /*1*/ color: blue; font-size: 100px; } *{ /*1000*/ color: darkgreen !important; } </style> </head> <body> <div id="main" class="test1 test2" style="color: red">111111</div> </body></html>
相关文章推荐
- Java:判断当前操作系统界面采用的主题是windows经典样式还是xp样式
- CSS 文字上下颠倒显示
- 响应式设计的5个CSS实用技巧
- z-index在css中怎么用?
- WPF DataGrid 控件(自定义样式篇)
- css文件和js文件后面带一个问号
- 7个你可能不认识的CSS单位
- css选择器详解
- css3笔记--transition相关属性
- DIV+CSS定位position
- 利用CSS3打造一组质感细腻丝滑的按钮
- css3 hover效果集
- CSS---Block和inline元素对比
- css3按钮特效
- css3图片鼠标移过效果
- php js css加载合并函数 宋正河整理
- HTML CSS3 手风琴菜单
- CSS border实现三角形
- 四个漂亮CSS样式表
- @import导入外部样式表与link链入外部样式表的区别