javascript - 使用 css 部分删除超链接

Question

我有两个 div，我想从第一个 div 中删除超链接下划线，第二个用超链接显示它。我使用 css 文件完成了这些更改，代码如下

a:hover, a:visited, a:link, a:active{
   text-decoration: none;
   color:#000000;
}

当我使用上面的代码时，它会影响所有超链接，但我只想从 class home 和 class about 中删除超链接。你能给我解决方案吗？div标签是

<div>
<ul>
<li class="home"><a href="#">Home</a></li>
<li class="about"><a href="#">About</a></li>
</ul>
</div>
<div>
<ul>
<li class="clients"><a href="#">Clients</a></li>
<li class="contact"><a href="#">Contact Us</a></li>
</ul>
</div>`

Answer 1

您应该像这样在链接声明之前使用类:

.home a:hover, 
.home a:visited, 
.home a:link, 
.home a:active,
.about a:hover, 
.about a:visited, 
.about a:link, 
.about a:active{
  text-decoration: none;
  color:#000000;
  cursor: pointer;
}

cursor:pointer 更改标准箭头的 hiperlink“手”光标。