博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【原】a.class与a .class的区别
阅读量:6440 次
发布时间:2019-06-23

本文共 744 字,大约阅读时间需要 2 分钟。

4月份一直忙,一直想抽时间来写博文,现在终于挤出来了,回忆在小钱包项目中遇到各种困难的问题,对a:hover.class与a:hover .class的用法不是很理解,写法的区别在于在hover与.class中间是否多一个空格。以前每次我都宁愿多写个class来避开这种写法,后来为了使用css sprite技术的背景图,花了点时间去研究下,终于了解其中的原理,文章内容简单,高手就当做路过,不清楚的同学请留意下,或许对你有帮助。

看下面的2组结构和样式...

第一组管理使用样式一:a:hover{color:black}a:hover.ico-manage{color:red;}此时鼠标经过”管理“2字,颜色为黑色使用样式二:a:hover{color:black}a:hover .ico-manage{color:red;} //注意空格此时鼠标经过”管理“2字,颜色为红色第二组管理使用样式一: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://eiuwo.baihongyu.com/

你可能感兴趣的文章
Hadoop格式化HDFS报错java.net.UnknownHostException: localhost.localdomain: localhost.localdomain
查看>>
android 40 Io编程
查看>>
编译器错误消息: CS0234: 命名空间“Purple”中不存在类型或命名空间名称“Model”(是否缺少程序集引用?)...
查看>>
天津政府应急系统之GIS一张图(arcgis api for flex)讲解(五)地图切换以及图层显示模块...
查看>>
STL之Vector(不定长数组)
查看>>
Python下科学计算包numpy和SciPy的安装【原创】
查看>>
I.MX6 android 设置 默认 动态桌面
查看>>
工作流数据库表设计-ASP.NET
查看>>
了解这23种设计模式
查看>>
linux程序调试命令strace
查看>>
代码中使用StoryBoard和DoubleAnimation的方法
查看>>
数据结构 线性表链式队列
查看>>
无法使用内置管理员账户打开Microsoft Edge
查看>>
EasyUI DataGrid编辑单元格时使用combogrid
查看>>
python oracle使用心得
查看>>
准备着手学习python
查看>>
OOP几大原则【转】
查看>>
ExtJs--09--javascript对象的方法的3种写法 prototype通过原型设置方法效率最好
查看>>
磁盘镜像工具Guymager
查看>>
Effective C++ 45-48
查看>>