Question

我需要为<li>中的所有<ul>上色，但我不会回复颜色：.menu ul li (中的黑色

CSS：

.menu{
    font-family: 'Times New Roman', Times, serif;
    font-size: 10pt;
    font-weight: bold;
    letter-spacing: 0.5pt;
}

.menu ul li{
    list-style: none;
    color: black;
}

HTML：

<div class="menu">
    <ul>
        <li><a href="#">ГЛАВНАЯ</a></li>
        <li><a href="#">ФОРУМ</a></li>
        <li><a href="#">ЗАГРУЗКИ</a></li>
        <li><a href="#">О НАС</a></li>
        <li><a href="#">КОНТАКТЫ</a></li>
    </ul>
</div>

Answer 1

尝试使用：

.menu{
    font-family: 'Times New Roman', Times, serif;
    font-size: 10pt;
    font-weight: bold;
    letter-spacing: 0.5pt;
}

.menu ul li {
    list-style: none;
}

.menu ul li a {
    color: black;
}

Answer 2

这是你的答案

您必须更改anchor tags而不是li elements

的颜色

更新您的代码，改为使用此CSS规则

.menu ul li a{
    color: black;
}

以下是示例

＆＃13;

    .menu{
    font-family: 'Times New Roman', Times, serif;
    font-size: 10pt;
    font-weight: bold;
    letter-spacing: 0.5pt;
}

.menu ul li  {
    list-style: none;
   

}
.menu ul li a {
   color: black;
  }

＆＃13;

<div class="menu">
                <ul>
                   <li><a href="#">ГЛАВНАЯ</a></li>
                   <li><a href="#">ФОРУМ</a></li>
                   <li><a href="#">ЗАГРУЗКИ</a></li>
                   <li><a href="#">О НАС</a></li>
                   <li><a href="#">КОНТАКТЫ</a></li>
                </ul>
            </div>

＆＃13;

Answer 3

您需要为'li'标签内的'a'元素设置颜色。

.menu ul li a{
    color: black;
}

Answer 4

您已将颜色应用于li列表元素，但未应用于锚元素。浏览器默认情况下将锚元素颜色设置为蓝色并带下划线。你必须通过指定锚元素的颜色来覆盖该属性。尝试..

.menu ul li a{color:black;}

or

ul li a{ color:black;}

or

a{ color:black;}

还要删除下划线，使用text-decoration css属性。

Answer 5

   .menu{
    font-family: 'Times New Roman', Times, serif;
    font-size: 10pt;
    font-weight: bold;
    letter-spacing: 0.5pt;
}

.menu ul li a{
    list-style: none;
    color: black;
}





<div class="menu">
    <ul>
        <li><a href="#">ГЛАВНАЯ</a></li>
        <li><a href="#">ФОРУМ</a></li>
        <li><a href="#">ЗАГРУЗКИ</a></li>
        <li><a href="#">О НАС</a></li>
        <li><a href="#">КОНТАКТЫ</a></li>
    </ul>
</div>

<ul> </ul> </li>中所有<li>的HTML颜色

5 个答案: