javascript - 關于className添加的樣式優先級的問題。
問題描述
我做了一個簡易日歷，用ul li做的，然后我首先用css給它使用選擇器 #p ul li 添加了一個background：black； 然后，我用js的className把所有li添加了一個樣式active，然后背景優先級沒有原本的高，那么請問怎么做，可以把優先級提到最高。 --半成品代碼。。
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Document</title> <style>*{ margin: 0; padding: 0;}#main{ width: 500px; height: 300px;}#main ul li{ float: left; width: 80px; height: 80px; background-color: gray; list-style: none; margin: 20px;}#main p{ width: 300px; height: 80px; border: 1px solid red; position: absolute; top:350px;}.active{ background:red; color: #fff; cursor: pointer;} </style> <script>window.onload=function(){ var op = document.getElementById(’main’); var oLi = op.getElementsByTagName(’li’); var ap = op.getElementsByTagName(’p’)[0]; var month = [’a’,’b’,’c’,’d’,’e’,’f’,’g’,’h’,’i’,’j’,’k’,’l’] for(var i=0;i<oLi.length;i++) {oLi[i].index=i;oLi[i].onmouseover=function(){ for(var i=0;i<oLi.length;i++) {oLi[i].className=''; } this.className='active'; ap.innerHTML = (this.index+1)+month[this.index];} }} </script></head><body> <p id='main'><ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12</li></ul><p></p> </p></body></html>
問題解答
回答1：p ul li.active{//do something
}
相關文章：
1. java - Web開發 - POI導出帶有下拉框的Excel和解決下拉中數組過多而產生的異常2. Python做掃描，發包速度實在是太慢了，有優化的方案嗎？3. javascript - 關于定時器 與 防止連續點擊 問題4. objective-c - ios百度地圖定位問題5. java - 微信退款，公賬號向個人轉賬SSL驗證失敗6. python - 使用xlsxwriter寫入Excel, 只能寫入65536 無法繼續寫入.7. python - flask如何創建中文列名的數據表8. java - 安卓接入微信登錄,onCreate不會執行9. 微信開放平臺 - Android調用微信分享不顯示10. python - mysql 如何設置通用型字段? 比如像mongodb那樣
網公網安備