跟大家講解下有關a.class 與 a .class的區別，注意空格 - CSS調試技巧，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說a.class 與 a .class的區別，注意空格 - CSS調試技巧，小編也收集到了有關a.class 與 a .class的區別，注意空格 - CSS調試技巧的相關資料，希望大家看到了會喜歡。

使用圖片精靈技術進行圖片定位時會出現這個問題，有時候一個空格會導致很多問題,本文實例介紹a.class 與 a .class的區別。（CSS視頻教程）

第一組

<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名

以上就是a.class 與 a .class的區別，注意空格 - CSS調試技巧的詳細內容，更多請關注php中文網其它相關文章！

來源：php中文網