TA貢獻(xiàn)44條經(jīng)驗(yàn) 獲得超84個(gè)贊
.wrap:hover表示的是當(dāng)鼠標(biāo)移動(dòng)到wrap上面的時(shí)候wrap的樣式變化。
.wrap:hover .box表示的是當(dāng)鼠標(biāo)移動(dòng)到wrap上面的時(shí)候box的樣式變化
TA貢獻(xiàn)107條經(jīng)驗(yàn) 獲得超146個(gè)贊
<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<style?type="text/css">
.wrap{width:?100px;margin:?0?auto;}
.box1{width:?100%;height:?100px;background:?#ccc;}
.box2{width:?100%;height:?100px;background:?#666;}
/*當(dāng)移入父元素wrap的時(shí)候,它下面的子元素box1,box2背景顏色改變,這里的空格表示后面的元素為子元素*/
.wrap:hover?.box1{background:?#666;}
.wrap:hover?.box2{background:?#ccc;}
</style>
</head>
<body>
<div?class="wrap">
????<div?class="box1"></div>
????<div?class="box2"></div>
</div>
</body>
</html>
TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超2個(gè)贊
不加空格? 才奇怪呢? ；? 加了空格后 就很明白 ? 當(dāng)wrap 當(dāng) hover 后，子元素 box 產(chǎn)生如下效果{ 。。。。}
PS；看你第一行代碼時(shí)一驚，這是神馬東西，嚇的我感覺(jué)百度了好幾下呢。。。
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊
hover前面有空格和沒(méi)有空格有不一樣的效果，:hover前面沒(méi)有空格，影響的只是該元素的兄弟節(jié)點(diǎn)；但是，如果前面有了一個(gè)空格，那效果就大大不一樣了,有個(gè)空格影響的就是 該元素下面的子節(jié)點(diǎn)了。
TA貢獻(xiàn)8條經(jīng)驗(yàn) 獲得超3個(gè)贊
我覺(jué)得這樣寫(xiě)你會(huì)更好理解一點(diǎn)吧 ? .wrap ?.box1:hover ?不知道你的html是怎么寫(xiě)的
TA貢獻(xiàn)48條經(jīng)驗(yàn) 獲得超30個(gè)贊
這個(gè)空格是表示，后面是前面的子節(jié)點(diǎn)。
PS；看你第一行代碼時(shí)一驚，這是神馬東西，嚇的我趕緊百度了一下。。。
舉報(bào)