CSS中的li.current
指的是當前選中的列表項。在HTML中,我們可以使用無序列表(<ul>
)和有序列表(<ol>
)創建一個列表。列表項(<li>
)用于包含列表的每個項目。
當我們為列表項應用樣式時,可能會遇到需要為當前列表項應用特殊樣式的情況。例如,在導航菜單中,我們可能希望在當前頁面所在的菜單項上應用不同的顏色或背景色。這時候,我們可以使用.current
類來選中當前列表項。
/* 為當前列表項添加樣式 */ li.current { background-color: #f5f5f5; color: #333; }
上述代碼中,我們使用li.current
選擇器來選中當前列表項并應用樣式。
如果我們想要手動為某個列表項添加.current
類,可以在HTML中為該項添加相應的類名。
<ul><li class="current">首頁</li> <li>產品介紹</li> <li>聯系我們</li> </ul>
在上述代碼中,我們手動為首頁(第一個列表項)添加了.current
類,實現了當前選中項的效果。
上一篇css中連接符
下一篇css中設置背景大小