先附上codepen:https://codepen.io/alanotmt/pen/PoRQpKB
功能點擊<a>
會透過javascript加入active的css 來改變背景顏色
問題:
我有多個不同主題的nav css,但css那邊一改就是全部都改,只能增加class來區分,
我就嘗試把nav的地方
nav ul li{
list-style:none;
float:left;
padding-right:20px;
}
nav ul li a{
text-decoration:none;
color:#222;
background-color:#ccc;
padding:4px 5px;
}
改成這樣,active 就沒用,改不了背景顏色。
.navecation ul li{
list-style:none;
float:left;
padding-right:20px;
}
.navecation ul li a{
text-decoration:none;
color:#222;
background-color:#ccc;
padding:4px 5px;
}
請問原因是什麼,該如何處理這種多class 裡的子元素的問題?
對前端還是在非常菜鳥的階段,如問到一些白痴問題,請見諒。