a.class与a .class的区别
来源:互联网 发布:赶尸术 知乎 编辑:程序博客网 时间:2024/05/16 01:42
http://www.cnblogs.com/PeunZhang/archive/2012/05/08/2489156.html
4月份一直忙,一直想抽时间来写博文,现在终于挤出来了,回忆在小钱包项目中遇到各种困难的问题,对a:hover.class与a:hover .class的用法不是很理解,写法的区别在于在hover与.class中间是否多一个空格。以前每次我都宁愿多写个class来避开这种写法,后来为了使用css sprite技术的背景图,花了点时间去研究下,终于了解其中的原理,文章内容简单,高手就当做路过,不清楚的同学请留意下,或许对你有帮助。
看下面的2组结构和样式...
第一组<a href="#"><span class="ico-manage">管理</span></a>使用样式一:a:hover{color:black}a:hover.ico-manage{color:red;}此时鼠标经过”管理“2字,颜色为黑色使用样式二:a:hover{color:black}a:hover .ico-manage{color:red;} //注意空格
此时鼠标经过”管理“2字,颜色为红色第二组<a href="#" class="ico-manage">管理</a>使用样式一:a:hover{color:black} a:hover.ico-manage{color:red;}此时鼠标经过”管理“2字,颜色为红色
使用样式二:a:hover{color:black}a:hover .ico-manage{color:red;} //注意空格
此时鼠标经过”管理“2字,颜色为黑色
对于第一组的a与.ico-manage, .ico-manage属于span标签的,与a不同级;而对于第二组的a与.ico-manage, .ico-manage属于a标签的,即是与a同级,由此可得出一个结论:
1.当class为当前标签中一个属性时,则样式写为:标签+class名
2.当class为子标签的一个属性时,则样式写为:标签+空格+class名
0 0
- a.class与a .class的区别
- vector<class A> 与 vector<class *A>
- java中的class 与Class , A.class 与 A.getClass() 到底有什么 不同
- class与public class的区别
- Class<Object>与Class<?>的区别
- public class 与class的区别
- Class<?>与Class<T>的区别
- public class与class的区别
- public class与class的区别
- Scala class与Case class的区别
- Class.forName()与xxx.class的区别
- ng-class与class的区别
- 兔子-Class<T>与Class<?>的区别
- class 与 public class的区别
- IllegalAccessException: Class A can not access a member of class B 的一种原因分析与解决
- A DelegateQueue Class
- A non-inheritable class
- A simple perl class
- jQuery Validation范例
- Hibernate中HQL占位符的一点使用技巧
- ListView改变字体颜色
- 解决JLINK v8 连接到电脑后显示无法识别的USB设备+个人最终解决经验
- keil中出现Undefined symbol FLASH_PrefetchBufferCmd (referred from main.o)等问题解决办法
- a.class与a .class的区别
- @synthesize obj=_obj的意义详解 @property和@synthesize
- CSS的滥用:变得难于理解,难于维护
- Ubuntu下Taglist的安装
- SSCLI共享源码CLI网址
- linux基础学习
- PHP获取当前URL路径的处理(适用于多条件筛选列表)
- “纯萌”网站欣赏
- mybatis返回map实现