                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

關(guān)于同學(xué)代碼的第一個(gè)提問(wèn)：active

將li類(lèi)名改<li class="dd">房產(chǎn)</li><li>家居</li><li>二手房</li>? 為什么 #ul1 li.active{border-top:2px solid #8B4513;border-bottom:2px solid #FFFFFF;}這個(gè)還有效？? 而#ul1 li:active{border-top:2px solid #8B4513;border-bottom:2px solid #FFFFFF;}或#ul1 li.dd:active{border-top:2px solid #8B4513;border-bottom:2px solid #FFFFFF;}無(wú)效呢？

桃太郎

2016-11-05

源自：JavaScript進(jìn)階篇 10-1

關(guān)注問(wèn)題我要回答

1050

操作

收起

1 回答

stone310 回答被采納 +3 積分
2016-11-06

你的class:active是js加上去的，無(wú)論你樣式怎么改，你js里肯定有XXX.className="active"，因此.active可用；

因此所有帶".dd"的都無(wú)效；

而這句#ul1 li:active{border-top:2px solid #8B4513;border-bottom:2px solid #FFFFFF;}是可以用的；你把顏色改下，點(diǎn)擊的時(shí)候看一看

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

桃太郎提問(wèn)者

非常感謝！

2016-11-06 回復(fù) 有任何疑惑可以回復(fù)我~

#2

桃太郎提問(wèn)者

第一問(wèn)，無(wú)論<li class="dd">這里面class是等于什么，#ul1 li.active{}都是有效的，因?yàn)?ldquo;this.className = "active";”這個(gè)active是JS加上的。第二問(wèn)，若想#ul1 li.dd:active有效，則改this.className = "dd";”第三問(wèn)同第二問(wèn)。

2016-11-06 回復(fù) 有任何疑惑可以回復(fù)我~

#3

stone310 回復(fù) 桃太郎提問(wèn)者

恩！對(duì)滴！

2016-11-06 回復(fù) 有任何疑惑可以回復(fù)我~