如何排除來自CSS樣式表代碼

Question

所以我有一個使用HTML代碼

<ul> 

<li><a href="imageline.html"> Home </a></li> 
<li><a href="fl.html">FL Studio</a></li> 
<li><a href="flm.html">FL Studio Mobile</a></li> 
<li><a href="plugin.html">Plugins/VST's</a></li> 
<li><a href="signup.html"> Sign Up Now </a></li> 

</ul> 

的CSS使導航欄導航欄：

a {color: black; 
    text-decoration: none} 

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

li { 
float: left; 
} 

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

li a:hover { 
background-color: #111; 
} 

我想排除我的網頁的一部分，我需要將社交媒體鏈接和其他信息放入此代碼的列表中。因爲如果我使用李或任何列表，它會出現黑色。你知道我會怎麼做嗎？

Answer 1

只需使用更具體的選擇，例如

ul.my-custom-menu li a { 
    color: black; 
    text-decoration: none; 
} 

相反

a{ 
    color: black; 
    text-decoration: none; 
} 

的便箋：如果您使用CSS預處理器像SASS，LESS等等更容易管理上下文你的風格。