                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

關(guān)于同學代碼的第一個提問：active

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

桃太郎

2016-11-05

源自：JavaScript進階篇 10-1

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

1016

操作

收起

1 回答

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

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

因此所有帶".dd"的都無效；

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

0 回復有任何疑惑可以回復我~

收起回答

#1

桃太郎提問者

非常感謝！

2016-11-06 回復有任何疑惑可以回復我~

#2

桃太郎提問者

第一問，無論<li class="dd">這里面class是等于什么，#ul1 li.active{}都是有效的，因為“this.className = "active";”這個active是JS加上的。第二問，若想#ul1 li.dd:active有效，則改this.className = "dd";”第三問同第二問。

2016-11-06 回復有任何疑惑可以回復我~

#3

stone310 回復桃太郎提問者

恩！對滴！

2016-11-06 回復有任何疑惑可以回復我~