html - 无法为主页调用 css 元素

Question

我对 asp.net 和 html 很陌生。我在样式表中有以下代码，但是当我调用这些元素时，只有少数工作，背景颜色不显示。

ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   background-color: black;
}


li {
   float: left;
}

li a {
   display: block;
   color: white;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
}

li a:hover {
   background-color: darkgrey;
}

下面是我如何称呼它们。

<ul>
   <li><a class="active" href="home.aspx">Home</a></li>
   <li><a href="products.aspx">Products</a></li>
   <li><a href="clientr.aspx">Client Riview</a></li>
   <li><a href="contact.aspx">Contact us</a></li>
</ul>

标签： htmlcss