Html 段落标记不改变颜色
从下面的代码:为什么段落标签不显示绿色?我只是在练习CSS,所以我遇到了这个疑问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.&
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。如果一个答案解决了您的问题,那么如果您将其标记为“已解决”(投票下方带有复选标记),社区将对此表示感谢