Html 如何从CSS样式表中排除代码

所以我有一个使用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>

---

我想在此代码中排除我的网页中需要在列表中放置社交媒体链接和其他信息的部分。因为如果我使用li或任何列表，它会显示黑色。你知道我该怎么做吗？

例如，只需使用更具体的选择器即可

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

而不是

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

旁注：如果您使用CSS预处理器，如SASS、LESS等，则更容易管理样式的上下文

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