相關資訊
本類常用軟件
-
福建農村信用社手機銀行客戶端下載下載量:584212
-
Windows優化大師下載量:419726
-
90美女秀(視頻聊天軟件)下載量:366966
-
廣西農村信用社手機銀行客戶端下載下載量:365708
-
快播手機版下載量:325898
在調式一個css怎么調都不正確,糾結了一整天,后來發現是因為我的一個誤操作,多打了一個空格,一直想抽時間來寫個總結,現在終于擠出來了,回憶在小錢包項目中遇到各種困難的問題,對a:hover.class與a:hover .class的用法不是很理解,寫法的區別在于在hover與.class中間是否多一個空格。以前每次我都寧愿多寫個class來避開這種寫法,后來為了使用css sprite技術的背景圖,花了點時間去研究下,終于了解其中的原理,文章內容簡單,高手就當做路過,不清楚的同學請留意下,或許對你有幫助。
第一組
<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名