Html 将当前类添加到当前菜单项CSS

只是尝试向当前页面的菜单项添加一个类，以便用户知道他们当前在哪个页面上。但背景图像不会显示。我将该类应用于

，但我也将其添加到

 <div id="menu">
                    <ul id='foot'>

                        <li><a class="current" href='index.php'>Home</a></li>
                        <li><a href='article-list.php?article_type=test0'>Page 0</a></li>
                        <li><a href='article-list.php?article_type=test'>Page 1</a></li>
                        <li><a href='article-list.php?article_type=test2'>Page 2</a></li>
                        <li><a href='chic.php?page=blogs_full'>Page 3</a></li>                       

                    </ul>


            </div>

---

您需要使用

#菜单a

限定您的

.current

选择器，否则它会被前一个选择器覆盖，因为

.current

本身不够具体：

#menu a.current{background: #2580a2 url(../NEW_images/li_bg.jpg) bottom center repeat-x;color: #fff;padding-bottom: 8px;padding: 8px 20px;}

---

你的CSS也可以使用更好的格式，像这样读起来很难。

WORDPRESS已经有了这个功能，它将

当前页面项目

类添加到当前菜单项中，所以只需在CSS中这样添加：

.current_page_item {
background-color:yellow;
}

---

谢谢，就这样！我试过电流，但也没用。不确定为什么不够具体。@注一：因为ID选择器

#菜单

比单独使用元素或类选择器更具体

.current_page_item {
background-color:yellow;
}