Html 更改特定列表项属性

我正在尝试更改列表项home的背景，以确保它具有悬停属性，即使它未悬停。尽管我提到了使用类，但是文本没有改变

HTML:

         <div id="header">
     <img id="logo" src="images/logo.jpg">
     <ul>
     <li> <a href="#">CONTACT</a> </li>
     <li> <a href="#">GALLERY</a> </li>
     <li> <a href="#">EVENTS</a> </li>
     <li> <a href="#" class="currentpage">HOME </a> </li>
     </ul>          
     </div>

---

查看您发布的页面/链接中的代码后，您似乎想更改您提供的物品的a标签背景色

id=“selected”

要针对的css是：

#header ul li a#selected {background:red /* or whatever color you want it */ }

试试这个代码

<li>
<a  class="one" href="#">CONTACT</a>
</li>
<li>
<a class="two" href="#">GALLERY</a>
</li  class="one">
<li>
<a class="three" href="#">EVENTS</a>
</li>
<li>
<a class="four" href="#">HOME </a>
</li>

演示

---

您需要提到关于单独类的悬停函数。我希望这可能对您有所帮助。

请准确地发布您的问题。HTML是什么，你想在CSS中做什么？我看到一个锚点的id为

#selected

，但是在你的CSS文件中没有这个id的规则。在您的css中有一个名为“.currentpage”的类，也许这就是您想要的类？

<li>
<a  class="one" href="#">CONTACT</a>
</li>
<li>
<a class="two" href="#">GALLERY</a>
</li  class="one">
<li>
<a class="three" href="#">EVENTS</a>
</li>
<li>
<a class="four" href="#">HOME </a>
</li>

#header ul li a.one:hover
{background-color: #F96E99;
color: white;}
#header ul li a.two:hover
{background-color: #F96E22;
color: white;}
#header ul li a.three:hover
{background-color: #F96Eaa;
color: white;}
#header ul li a.four:hover
{background-color: #F96E55;
color: white;}