html - 现有样式也适用于链接

页面上显示很多小文章。我已经有文章标题的样式，但是它们现在仅显示文本。现在，当我应用锚标签以使其成为链接时，标题的颜色就会更改。保存在数据库中的标题和文本意味着它将显示数据库中的内容。

现在我想要的是标题的颜色将与我设置的样式相同，并且标题将是链接。

码：

<a href="localhost/article.php"><p class="heading"> Hello World </p></a>

CSS：

.heading:nth-child(7n+1) {
    color: #black;
    padding-left: 5px;
}

编辑：

 .heading:nth-child(7n+1) a {
        color: #black;
        padding-left: 5px;
    }

 .heading:nth-child(7n+2) a {
        color: #Grey;
        padding-left: 5px;
    }

最佳答案

如果我理解您需要将a元素涂成黑色。

我建议以这种方式更改html：

<p class="heading"><a href="localhost/article.php"> Hello World </a></p>

并将标记选择器添加到css规则中的现有选择器中：

.heading:nth-child(7n+1), .heading:nth-child(7n+1) a {
    color: black;
    padding-left: 5px;
}

关于html - 现有样式也适用于链接，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47496497/