我有一個導航欄列表，當其中一個列表項處于活動狀態時，我希望它的大小是其他列表項的兩倍，以清楚地表明您所在的頁面。但是，我當前的代碼僅在單擊鼠標時使其變大，而不是當您在頁面上時如我所愿。我究竟做錯了什么？.sellingmethodnav { background-color: #3F51B5; list-style: none; text-align: center;}.sellingmethodnav li { display: inline;}.sellingmethodnav a { display: inline-block; padding: 10px; color: #f2f2f2;}.sellingmethodnav li:active { font-size: 200%; color: #f2f2f2;}<div class="sellingmethodnav"> <li><a href="./quoting_assistant.html" class="active">CPC</a></li> <li><a href="../CPM/quoting_assistant_CPM.html">CPM</a></li> <li><a href="../CPA/quoting_assistant_CPA.html">CPA</a></li> <li><a href="../CPI/quoting_assistant_CPI.html">CPI</a></li> <li><a href="../CPE/quoting_assistant_CPE.html">CPE</a></li> <li><a href="../CPV/quoting_assistant_CPV.html">CPV</a></li> <li><a href="../CPCV/quoting_assistant_CPCV.html">CPCV</a></li></div>
1 回答
吃雞游戲
TA貢獻1829條經驗 獲得超7個贊
你可以試試這個：
超文本標記語言
<div class="sellingmethodnav">
<li><a href="#" class="active">CPC</a></li>
<li><a href="#">CPM</a></li>
<li><a href="#">CPA</a></li>
<li><a href="#">CPI</a></li>
<li><a href="#">CPE</a></li>
<li><a href="#">CPV</a></li>
<li><a href="#">CPCV</a></li>
CSS
.sellingmethodnav a:active, .sellingmethodnav a:focus {
font-size: 200%;
color: #f2f2f2;
}
https://jsfiddle.net/tractionworks/nm934g5h/1/
這就是你想要的嗎？
- 1 回答
- 0 關注
- 140 瀏覽
添加回答
舉報
0/150
提交
取消