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名

作者:白树

出处:http://peunzhang.cnblogs.com/

【原】a.class与a .class的区别相关推荐

  1. 实例规格 ECS (共享计算型)和 (通用型-原独享)性能上有什么区别?...

    实例规格 ECS (共享计算型)和 (通用型-原独享)性能上有什么区别? 实例规格  共享计算型    和  通用型(原独享),  如果同样是2核4G   或者4核8G ;  性能上有什么差异/差距大 ...

  2. 原币金额与本币金额的区别

    原币金额与本币金额的区别:本币金额指本国货币的,原币金额指本国以外的外币如: 美元. 欧元等.实际交易时原币也可是以是人民币,原币当前交易单据所用的币种 本币指的是某个国家法定的货币,除了法定货币之外 ...

  3. 原 c++中map与unordered_map的区别

    c++中map与unordered_map的区别 头文件 map: #include < map > unordered_map: #include < unordered_map ...

  4. spark原理和spark与mapreduce的最大区别

    参考文档:https://files.cnblogs.com/files/han-guang-xue/spark1.pdf 参考网址:https://www.cnblogs.com/wangrd/p/ ...

  5. 加载dict_Python的dict实现原理和Java的HashMap之间的区别

    Python内部很地方都使用着dict这种结构,在对象属性__dict__就是一个字典,所以对其效率要求很高. dict采用了哈希表,最低能在 O(1)时间内完成搜索.同样的java的HashMap也 ...

  6. java和android 语法区别_PET和PTE的区别在哪里?出国留学到底选哪个

    原标题:PET和PTE的区别在哪里?出国留学到底选哪个 如今,入学竞争越来越激烈,语言成绩单已然成为莘莘学子叩开理想院校大门的敲门砖.而在选择语言考试的时候,很多人经常会混淆PET和PTE这两种考试, ...

  7. 观察者模式与发布/订阅模式的区别

    [原]观察者模式与发布/订阅模式的区别 不管是维基百科还是百度百科,搜索观察者模式,都会发现观察者模式的定义是观察者模式(有时又被称为发布/订阅模式),即一个目标对象管理所有相依于它的观察者对象,并且 ...

  8. python和java的区别-Python和Java的区别有哪些?如何选择?

    原标题:Python和Java的区别有哪些?如何选择? 随着人工智能AI的发展越来越快速,很多人对于Python开发技术也是越来越重视,也正因如此,不少人拿着Java和Python进行比较,认为Pyt ...

  9. python和java的区别-Java和Python的区别 学Python语言好还是Java好

    原标题:Java和Python的区别 学Python语言好还是Java好 相信不少想学编程的人都在纠结到底学Java好还是学Python,毕竟当下正是Python的火热时期,然而Java也同样占据编程 ...

  10. oracle 和mysql有什么区别_mysql和oracle的区别有哪些

    原标题:mysql和oracle的区别有哪些 MySQL和Oracle都是流行的关系数据库管理系统(RDBMS),在世界各地广泛使用:大多数数据库以类似的方式工作,但MySQL和Oracle的这里和那 ...

最新文章

  1. QIIME 2教程. 24Python命令行模式Artifact API(2020.11)
  2. Java集群优化——dubbo+zookeeper构建高可用分布式集群
  3. python 任务计划_使用Python添加计划任务
  4. 从真实项目中抠出来的设计模式——第三篇:责任链模式
  5. MFC实现Windows锁屏
  6. 海量数据下的存储技术,哪些模式靠得住?
  7. GIT 添加多个git账号
  8. ThinkPHP 3 的输出
  9. NHibernate.Cfg.HibernateConfigException
  10. 程序员应该学会自我学习
  11. Spark 广播变量 TorrentBroadcast
  12. Chisel:一款基于HTTP的快速稳定TCPUDP隧道工具
  13. 机器学习周志华第三章笔记
  14. 萤石云视频Android SDK接口使用说明
  15. 助力千亿级市场 阿里云进军智能电动车产业
  16. [词一首]【相思难断】
  17. 鸿蒙归蝶的反弹,副本攻略-鸿蒙试炼
  18. 光猫批量自动化测试——交换机vlan划分
  19. 恒生电子软件测试岗实习生面试(一对一)
  20. [转载]Win7中的页目录

热门文章

  1. Ubuntu 14.04 LTS 配置 Juno 版 Keystone
  2. 使用gparted-LiveCD对centos分区调整---virtualbox磁盘调整序2
  3. VMM2012应用指南之3-安装VMM2012
  4. 配置Exchange 2010邮箱和邮件大小限制
  5. 如何写一个优秀的GitHub项目README文档?
  6. MySQL高级 - 日志 - 查询日志
  7. Nginx全局块的工作进程的两个指令
  8. Protobuf序列化的原理-总结
  9. MyBatis 实际使用案例-typeHandlers【重点】
  10. Nacos安装和服务注册