css就近原则
来源:互联网 发布:金百福珠宝软件试用版 编辑:程序博客网 时间:2024/06/04 18:54
CSS 就近原则
在使用CSS样式的时候,可能会有一些网页元素同时适用于多个CSS样式,那么这时候CSS就会遵循就近原则以避免冲突。
html代码如下:
<div id="nav"><!--nav start--> <h2><a href="index.html">首页</a></h2> <h2><a href="blog.html">博客</a></h2> <h2><a href="guestbook.html">留言板</a></h2></div><!--nav end-->
对应的CSS:
#nav h2{ width: 100px; float: left; text-align: center;}#nav a{ text-decoration: none; color: #FFFFFF; float: left;}
在该例子中对#nav内的h2和a元素都做了定义。在定义超链接取消下划线的时候,就不能直接定义在h2当中。尽管浏览器的默认样式低于CSS样式表,但因为超链接离<a>标签更近,这时候浏览器要遵守就近原则,定义在h2中取消文字下划线,会被<a>标签的默认超链接下划线样式取代而不起作用。
参考:http://www.5idev.com/p-css_proximity_principle.shtml
0 0
- css就近原则
- 就近原则
- 就近调用原则
- java就近原则浅析
- 变量的就近原则
- java就近原则小代码
- 就近原则—const关键字的使用
- 我所知道的就近原则
- C++中Const 修饰指针就近原则
- 关于程序变量就近原则的实例
- 子父间的成员变量关系:就近原则
- java-就近原则(方法重载中)
- 4-7绝对定位的参考点的就近原则
- 关于if-else配对的就近原则问题(适合初学者)
- 代码质量-变量的作用域最小化原则与就近原则
- python基础-方法嵌套、就近原则、global、nonlocal、函数即变量
- 简洁高效CSS原则
- CSS"爱恨原则”
- HDU1102 - Constructing Roads 用优先队列优化Prim最小生成树
- AdBlock 插件/傲游浏览器 ABP 广告过滤规则是如何边编写的
- hdu4644 BWT(KMP)
- 字符串操作的实现:strstr、strcat、strcmp和stcpy
- OC 正则验证电话号码和邮箱
- css就近原则
- Linux下使用gdb调试C/C++程序
- 随机生成不同长度的字符串
- Android XML字符串资源文件详细讲解
- iOS -- 多线程
- spring Bean-实例请求触发放回引用(工厂模式)
- Andorid Studio 中的.gradle
- git基础命令
- 在github上查找优秀开源库的方法