Question

我想知道如何更改href标签的CSS。我一直在标签中直接这样做：

<a style="color: #1474c8; margin-bottom: 20px" href="#">This is link #1 </a>

这是完美的，但我必须做几个链接，所以我认为这不是最好的方法。所以我创建了一个CSS类，但它的工作方式不同。每次我将鼠标悬停在链接上时，它都表现为具有默认href CSS的普通超链接。如果我点击链接，它会改变颜色。所以不确定我错过了什么

.parentCat_wChildren{
  color: #1474c8;
  margin-bottom: 20px
}

.parentCat_wChildren a:link{ color: #1474c8; text-decoration: none;}
.parentCat_wChildren a:visited { color: #1474c8; text-decoration: none;}
.parentCat_wChildren a:hover { color: #1474c8; text-decoration: none;}
.parentCat_wChildren a:active { color: #1474c8; text-decoration: none;}

<a class="parentCat_wChildren" href="#">This is link #2.1</a>

添加JSBin：https://output.jsbin.com/vutozicato

Answer 1

您的.parentCat_wChildren 已经是a锚点，请使用：

.parentCat_wChildren:link {

或最终：

a.parentCat_wChildren:link { /*make suer to also use  a.parentCat_wChildren{ in this case*/

但不 .parentCat_wChildren a:link {

P.S：您只能在第一个text-decoration: none;语句中的一个位置定义.parentCat_wChildren{。

如何将类更改为href的超链接

1 个答案: