Html 段落标记不改变颜色

Html 段落标记不改变颜色,html,css,Html,Css,从下面的代码:为什么段落标签不显示绿色?我只是在练习CSS,所以我遇到了这个疑问 p .marked2{ color:green; } .marked p { color:purple; } <p class="marked2">This is a green paragraph.</p> //HERE NOT SHOWING GREEN <div class="marked"> <p>This is a purple paragraph.&

从下面的代码:为什么段落标签不显示绿色?我只是在练习CSS,所以我遇到了这个疑问

p .marked2{
color:green;
}

.marked p
{
color:purple;
}


<p class="marked2">This is a green paragraph.</p> //HERE NOT SHOWING GREEN
<div class="marked">
<p>This is a purple paragraph.</p> //HERE GETTING PURPLE COLOR
</div>
p.marked2{
颜色:绿色;
}
.标记为p
{
颜色:紫色;
}

这是一个绿色段落。

//此处不显示绿色 这是一个紫色的段落。

//这里是紫色

请为我清除此..

删除空格

p.marked2 { 
    color:green; 
}

p.marked2
。按照现在的方式,它在任何
p
容器中查找
.marked2
元素

示例:

p.marked2
将针对

(每个
p
元素带有
class=“marked2”


p.marked2
将针对
..

(将
class=“marked2”
作为
的任何后代的任何类型的元素)

嘿,克拉森,你应该这样写:-

p.marked2 {
color:green;
}

.marked p {
color:purple;
}
现在可以按照您的要求工作了

实际上,您编写的
p.marked2
这意味着当
marked2
p
标记不在
p
标记内时,属性将应用

因此,您应该像这样编写
p.marked2
marked2
属性将像演示一样应用到
p
标记中


我刚把它修好。你所要做的就是把空间拿走

    p .marked2{
    color:green;
    }




    p.marked2{
    color:green;
    }

就是这样,老板。。。你现在可以走了

所以你的问题在于空间;示例:
p.marked2
。你所需要做的就是像这样删除空间;示例:
p.marked2
。在那之后它应该可以正常工作

p.marked2{
颜色:绿色;
}

p.marked{
颜色:紫色;
}

这是一个绿色段落。

//此处不显示绿色 这是一个紫色的段落。

//这里是紫色

应标记为
p.marked2
。按照您现在的方式,它正在任何
p
容器中查找
.marked2
元素。
p.marked2
不需要任何空间。如果你删除了空间,它会工作的。检查这个。css在给定结构的情况下格式不好。编辑:如果这件事扩散开来,它会引起更多的问题-编辑2:你说得对,这“会解决这个片段”,但它没有提供“正确的调整”-也许我是一个理想主义者。@Brandt-如果你是反对者,那就太低了。此答案与您的答案同时发布,而且更清楚-您的答案重复了错误代码!没有混淆-我做了。然而,我想你是对的,“现在的孩子”不想理解,而是想得到答案。为此,我承认。@seun/Steve-在评论/回复中添加了警告。在这种情况下,Sparky672是第一个给出相同解决方案的人:P.@Clarsen-欢迎来到SO。如果一个答案解决了您的问题,那么如果您将其标记为“已解决”(投票下方带有复选标记),社区将对此表示感谢