如何将不同样式应用于 HTML/CSS 不同部分的相同元素。我尝试了以下它似乎不起作用。
菜单
<div class="menu">
<ul>
<li><a href="#"><Link 1</a></li>
<li><a href="#"><Link 1</a></li>
<li><a href="#"><Link 1</a></li>
</ul>
</div>
网页某处
<div class="others">
<ul>
<li><a href="#"><Link 1</a></li>
<li><a href="#"><Link 1</a></li>
<li><a href="#"><Link 1</a></li>
</ul>
</div>
CSS
.menu ul,li{
color: rgb(242,253,255);
list-style: none;
text-decoration: none;
font-size: 20px;
font-family: chaparral pro;
}
.others ul,li{
color: rgb(242,253,255);
list-style: none;
text-decoration: none;
font-size: 10px;
font-family: chaparral pro;
}