如何从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;
}

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

Answer 1

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

<router-outlet>

而不是

<ng-view>

附注：如果您使用像SASS，LESS等CSS预处理器，则可以更轻松地管理样式的上下文。