                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

关于同学代码的第一个提问：active

将li类名改<li class="dd">房产</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

关注问题我要回答

1044

操作

收起

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 回复有任何疑惑可以回复我~

收起回答

桃太郎提问者

非常感谢！

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

桃太郎提问者

第一问，无论<li class="dd">这里面class是等于什么，#ul1 li.active{}都是有效的，因为“this.className = "active";”这个active是JS加上的。第二问，若想#ul1 li.dd:active有效，则改this.className = "dd";”第三问同第二问。

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

stone310 回复桃太郎提问者

恩！对滴！

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