9-3中的CSS樣式不太明白
#divtest?.content?.divPics?ul?a:hover?img { ????border:?5px?solid?#fff; ????border-width:?5px; ????color:?#fff; } #divtest?.content?.divPics?ul?a:hover { ????color:?#fff; } 可以解釋一下這兩段是什么意思嗎。此處的樣式是作用于#divtest后面所有的元素還是只作用于最后一個(gè)元素?
那為什么此處這樣寫(xiě)就達(dá)不到原本的效果呢? #divtest?a:hover?img { ????border:?5px?solid?#fff; ????border-width:?5px; ????color:?#fff; }
請(qǐng)大神解答下,謝謝了。
2016-04-11
你可能對(duì) 空格 是什么意思不太明白
css里,空格表示父子繼承關(guān)系,
比如:
#divtest?.content ? 表示 ?【id為divtest容器下的class為content容器】的屬性
#divtest?.content?.divPics?ul?a:hover?img ?表示 ?【id為divtest下面的class為content下面的class為divPics下面的ul下面的a在鼠標(biāo)經(jīng)過(guò)時(shí)下面的img】 的屬性
你的第二個(gè)下發(fā)應(yīng)該沒(méi)問(wèn)題,只是不嚴(yán)謹(jǐn),層級(jí)關(guān)系最好一層一層寫(xiě)清楚