4月份一直忙，一直想抽時(shí)間來寫博文，現(xiàn)在終于擠出來了，回憶在小錢包項(xiàng)目中遇到各種困難的問題，對(duì)a:hover.class與a:hover .class的用法不是很理解，寫法的區(qū)別在于在hover與.class中間是否多一個(gè)空格。以前每次我都寧愿多寫個(gè)class來避開這種寫法，后來為了使用css sprite技術(shù)的背景圖，花了點(diǎn)時(shí)間去研究下，終于了解其中的原理，文章內(nèi)容簡單，高手就當(dāng)做路過，不清楚的同學(xué)請(qǐng)留意下，或許對(duì)你有幫助。

看下面的2組結(jié)構(gòu)和樣式...

第一組<a href="#"><span class="ico-manage">管理</span></a>使用樣式一：a:hover{color:black} a:hover.ico-manage{color:red;}此時(shí)鼠標(biāo)經(jīng)過”管理“2字，顏色為黑色使用樣式二：a:hover{color:black} a:hover .ico-manage{color:red;} //注意空格此時(shí)鼠標(biāo)經(jīng)過”管理“2字，顏色為紅色第二組<a href="#" class="ico-manage">管理</a>使用樣式一：a:hover{color:black} a:hover.ico-manage{color:red;}此時(shí)鼠標(biāo)經(jīng)過”管理“2字，顏色為紅色使用樣式二：a:hover{color:black}a:hover .ico-manage{color:red;} //注意空格此時(shí)鼠標(biāo)經(jīng)過”管理“2字，顏色為黑色

對(duì)于第一組的a與.ico-manage, .ico-manage屬于span標(biāo)簽的，與a不同級(jí)；而對(duì)于第二組的a與.ico-manage, .ico-manage屬于a標(biāo)簽的，即是與a同級(jí)，由此可得出一個(gè)結(jié)論：

1.當(dāng)class為當(dāng)前標(biāo)簽中一個(gè)屬性時(shí)，則樣式寫為：標(biāo)簽+class名

2.當(dāng)class為子標(biāo)簽的一個(gè)屬性時(shí)，則樣式寫為：標(biāo)簽+空格+class名

?

?

?

?

?

作者：白樹

出處：http://peunzhang.cnblogs.com/

總結(jié)

以上是生活随笔為你收集整理的【原】a.class与a .class的区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。