Html span中的标记p不应用css样式

Html span中的标记p不应用css样式,html,css,Html,Css,我对风格有意见。我的代码是这样的: 格雷先生{ 颜色:灰色; } 文本 文本2 是内联级元素,不能将其放置在元素周围,因为段落是块级元素。规则是块级元素可以包含任意数量的内联或块元素。内联级元素只能包含内联元素 您的HTML应该如下所示,并且可以正常工作: 有关内联元素和块元素的详细信息,请参见: 如果您仍然看到黑色文本,主要是因为有一些CSS选择器具有更高的特异性,并且正在覆盖.grey选择器。是内联级元素,它不能放置在元素周围,因为段落是块级元素。规则是块级元素可以包含任意数量的内联或块元

我对风格有意见。我的代码是这样的:

格雷先生{ 颜色:灰色; }

文本

文本2 是内联级元素,不能将其放置在元素周围,因为段落是块级元素。规则是块级元素可以包含任意数量的内联或块元素。内联级元素只能包含内联元素

您的HTML应该如下所示,并且可以正常工作:

有关内联元素和块元素的详细信息,请参见:

如果您仍然看到黑色文本,主要是因为有一些CSS选择器具有更高的特异性,并且正在覆盖.grey选择器。

是内联级元素,它不能放置在元素周围,因为段落是块级元素。规则是块级元素可以包含任意数量的内联或块元素。内联级元素只能包含内联元素

您的HTML应该如下所示,并且可以正常工作:

有关内联元素和块元素的详细信息,请参见:


如果您仍然看到黑色文本,主要是因为有一些CSS选择器具有更高的特异性,正在覆盖您的.grey选择器。

我发现另一个可行的解决方案是更改div的span,添加CSS:

.grey p 
 {
    color: gray;
 }

这也会起作用。

我发现另一个可行的解决方案是更改div的span,并在CSS中添加:

.grey p 
 {
    color: gray;
 }

这也会起作用。

span是一个中性内联块元素,只能包含文本或内联/内联块元素。改用中性div以有效代码开头。然后应用你的css:中性div是什么意思?我尝试过div->p,但它不起作用。SPAN是一个中性内联块元素,只能包含文本或内联/内联块元素。改用中性div以有效代码开头。然后应用你的css:中性div是什么意思?我试过div->p,但都不起作用。你可能想重读第一个肯定词,因为它与第二个肯定词相矛盾;你可能想重读第一个肯定,因为它与第二个肯定相矛盾;