Question

HTML

     <nav class="horizontal">
        <ul>
           <li><a href="#">Home</a></li>
           <li><a href="#">Menu</a></li>
           <li><a href="#">Locations</a></li>
           <li><a href="#">Catering</a></li>
           <li><a href="#">About Us</a></li>
        </ul>
     </nav>

     <nav class="vertical">
        <ul>
           <li><a href="#">Pizza</a></li>
           <li><a href="#">Salad</a></li>
           <li><a href="#">Pasta</a></li>
           <li><a href="#">Sandwiches</a></li>
           <li><a href="#">Appetizers</a></li>
           <li><a href="#">Pocket Pizzas</a></li>
           <li><a href="#">Fish &amp; Shrimp</a></li>
           <li><a href="#">Chicken &amp; Wings</a></li>
           <li><a href="#">Beverages</a></li>
           <li><a href="#">Dessert</a></li>
           <li><a href="#">Catering</a></li>
           <li><a href="#">Download Menu</a></li>
           <li><a href="#">Catering Menu</a></li>
        </ul>
     </nav>

CSS：

    nav a {
        text-decoration: none;
    }


 nav.horizontal {

    height: 70px;
    width: 100%;
    background-color: white;



}
 nav.horizontal li {
    font-size: 16px;
    float: left;
    text-align: center;
    background-color: white;
    margin-left: 5px;
    margin-right: 5px;
    width: 180px;
    height: 50px;
    line-height: 50px;
    display: block;

}

nav.horizontal li a:link {
    display: block;
    background-color: red;
    color: white;

    -moz-border-radius: 30px 25px;
    -webkit-border-radius; 30px 25px;
    border-radius: 30px 25px;

    text-decoration: none;

}

nav.horizontal li a:hover {
    background-color: (255, 101, 101);
    color: black;

}

当我将鼠标悬停在思考上时，我希望背景能够改变颜色。到目前为止，我只将文本颜色改为黑色，为什么不是背景？

感谢。

另外，如果您发现任何其他错误，请告诉我!!

Answer 1

你在价值观之前缺少rgb。它应该是：

background-color: rgb(255, 101, 101);

Answer 2

为列表项创建一个选择器，如下所示：

nav.horizontal li:hover {
     background-color: (255, 101, 101);
     color: black;
}

如果要更改链接的背景，则需要更改其中包含的列表项的背景颜色。不要尝试更改锚标签的背景颜色。

Answer 3

您可以使用以下

 li:hover

作为css选择器

Answer 4

您的背景颜色声明无效：

background-color: (255, 101, 101);

应该是：

background-color: rgb(255, 101, 101);

当我悬停时，为什么背景不会改变颜色？

4 个答案: