ID、Class和标签选择器优先级
2016-04-06 11:34
405 查看
按一般论:
ID > Class > 标签
1.如以下样式:
这里,最后输出 的结果为 #aaa;
2.如果把选择器改为:
最后,这里输出的颜色为:#bbb;
3.但如果HTML改为:
这里最后输出结果即为:#ccc;
因为 #id与 .class 并没有直接作用于对象上,故最后的结果为 b 的 #ccc;
ID > Class > 标签
1.如以下样式:
<div id="id" class="class">选择器优先权</div> #id{color:#aaa;} .class{color:#bbb;} div{color:#ccc;}
这里,最后输出 的结果为 #aaa;
2.如果把选择器改为:
#id{color:#aaa;} #id .class{color:#bbb;} div{color:#ccc;}
最后,这里输出的颜色为:#bbb;
3.但如果HTML改为:
<div id="id" class="class"><b>选择器优先权</b></div> #id{color:#aaa;} .class{color:#bbb;} b{color:#ccc;}
这里最后输出结果即为:#ccc;
因为 #id与 .class 并没有直接作用于对象上,故最后的结果为 b 的 #ccc;
相关文章推荐
- maven编译时如何忽略单元测试
- MySQL行锁深入研究
- 【bzoj 2132】圈地计划(最小割)
- 源码分析之ArrayList
- Xcode language not recognized: 'ml2'
- [构架]马斯克软件思维
- UVa 540 Team Queue
- 费波拉契问题的变形
- 对指定文件(一个或多个)进行压缩,并存放到指定路径
- 图像处理工具 ImageMagick
- 进入项目文件
- Android ORMLite 框架的入门用法
- linux第三章学习笔记
- hdu 1031 Design T-Shirt
- 团队博客
- 环回接口
- jQuery隐藏和显示效果实现
- unity源码解析Component
- nginx + httpd 负载均衡
- Shiro学习(1)简介