Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 现有样式也适用于链接_Html_Css - Fatal编程技术网

Html 现有样式也适用于链接

Html 现有样式也适用于链接,html,css,Html,Css,页面上有很多小文章。我已经有了文章的标题样式,但现在它们只显示了一个文本。现在,当我应用锚定标记将其作为链接时,标题的颜色就改变了。保存在数据库中的标题和文本意味着它将显示数据库中的任何内容 现在我想要的是标题的颜色将与我的样式相同,标题将是链接 代码: 编辑: 首先,在内联元素中包含块元素(p)是不正确的。使用跨度而不是p 然后,用这段短代码很难理解CSS规则(7n+1)。首先,在内联元素中包含块元素(p)是不正确的。使用跨度而不是p 然后,用这段短代码很难理解CSS规则(7n+1)。如果我理

页面上有很多小文章。我已经有了文章的标题样式,但现在它们只显示了一个文本。现在,当我应用锚定标记将其作为链接时,标题的颜色就改变了。保存在数据库中的标题和文本意味着它将显示数据库中的任何内容

现在我想要的是标题的颜色将与我的样式相同,标题将是链接

代码:

编辑:


首先,在内联元素中包含块元素(p)是不正确的。使用跨度而不是p


然后,用这段短代码很难理解CSS规则(7n+1)。

首先,在内联元素中包含块元素(p)是不正确的。使用跨度而不是p


然后,用这段短代码很难理解CSS规则(7n+1)。

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

我建议通过以下方式更改html:

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

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

我建议通过以下方式更改html:

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

你的问题有点不清楚。为什么在css规则中加入:nth child(7+1)?实际上这是我的代码。。我申请第N个孩子在7篇文章后重复颜色。你的问题有点不清楚。为什么在css规则中加入:nth child(7+1)?实际上这是我的代码。。在HTML4.x(及更早版本)和XHTML1.x中,我应用了第n个子元素在7篇文章之后重复颜色。元素可能不包含元素。在HTML5中,元素可能包含元素,但浏览器对此有点不稳定,您可能会发现必须在样式表中显式设置display:块。问题中的代码还包含一个的内部代码。这是不允许的。一个元素不能是另一个元素的后代。在HTML4.x(及更早版本)和XHTML1.x中-否。元素不能包含元素。在HTML5中,元素可能包含元素,但浏览器对此有点不稳定,您可能会发现必须在样式表中显式设置display:块。问题中的代码还包含一个的内部代码。这是不允许的。一个元素可能不是另一个元素的后代。如果我错了,请纠正我。。此处颜色仅适用于此处。标题类不适用于页面右侧的每个元素。?是的,我仅适用于标题子元素的a元素。我只是编辑问题。。现在,第一个标题颜色仅适用于黑色,第二个标题颜色为灰色。正确的。?它只适用于这个标题,而不是一页中的所有内容。如果我在这里错了,我们会纠正我。。此处颜色仅适用于此处。标题类不适用于页面右侧的每个元素。?是的,我仅适用于标题子元素的a元素。我只是编辑问题。。现在,第一个标题颜色仅适用于黑色,第二个标题颜色为灰色。正确的。?它只适用于此标题,而不是页面右侧的所有标题。?
 .heading:nth-child(7n+1) a {
        color: #black;
        padding-left: 5px;
    }

 .heading:nth-child(7n+2) a {
        color: #Grey;
        padding-left: 5px;
    }
<p class="heading"><a href="localhost/article.php"> Hello World </a></p>
.heading:nth-child(7n+1), .heading:nth-child(7n+1) a {
    color: black;
    padding-left: 5px;
}