现有样式也适用于链接

Question

页面中有很多小文章。我已经有文章的样式标题，但是它们现在仅显示一个文字。现在，当我应用锚标记以使其作为链接，然后更改标题的颜色。数据库中的标题和文本保存意味着它将显示数据库中的任何内容。

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

代码：

<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;
    }

Answer 1

如果我知道您需要为黑色 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;
}

Answer 2

首先，在内联元素内有一个块元素（p）是不正确的。使用跨度而不是p。

那么，很难用这个简短的代码片段来理解您的CSS规则（7n 1）。