段落标记不改变颜色

从下面的代码：为什么段落标记不显示绿色？荫刚练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>

请清除我这个..

来源

2012-12-06 Clarsen

应该是'p.marked2'。现在你已经有了它，它正在寻找任何'p'容器内的'.marked2'元素。 – Sparky

'p .marked2'不需要空间。如果你删除空间，它会起作用。 –

你明白了，谢谢！ – Clarsen

应该是p.marked2。您现在拥有的方式是在任何p容器内寻找.marked2元素。

实例：

p.marked2将目标...（与class="marked2"每p元件）

p .marked2将目标...（任何一种元素与class="marked2"如任何后代的）

来源

2012-12-06 05:50:01 Sparky

你懂了！谢谢！ – Clarsen

@Clarsen - 欢迎来到SO。如果答案解决了您的问题，那么社区会赞赏您是否将其标记为“已解决”（在投票时勾选）。 :) – Ben

擦除空间

p.marked2 { 
    color:green; 
}

来源

2012-12-06 05:48:34

Downvote？这是正确的答案。 – Ben

考虑到结构，css形成不良。编辑：如果这种扩散，将导致更多的问题 - 编辑2：你是对的，这“将解决片段”，但它没有提供“正确的调整” - 也许我是一个理想主义者。 –

@Brandt - 如果你是downvoter，那是相当低的。这个答案与你同时发布，并且更清楚 - 你的答案重复了不正确的代码！ – Ben

嘿Clarsen它，你应该这样写： -

p.marked2 { 
color:green; 
} 

.marked p { 
color:purple; 
}

而且它现在正在按您的要求....

其实你写p .marked2这意味着当marked2类将拿出P标记不在P标记内，不属于该属性。

所以，你应该这样写p.marked2比marked2类属性将应用到您的P标签像演示。

DEMO

来源

2012-12-06 06:05:24

我刚刚得到它的工作。所有你需要做的就是乘坐空间出来

p .marked2{ 
    color:green; 
    } 




    p.marked2{ 
    color:green; 
    }

这就是它的老板......你是好走了......

来源

2012-12-06 06:11:38 bigdogc23

Sparky672是第一个给出相同的解决方案：P。 – Parag

所以你遇到的问题是与空间;例如：p .marked2。你所要做的就是删除这样的空间;例如：p.marked2。它应该在那之后正常工作。

p.marked2{ color:green; }

p.marked{ color:purple; }

This is a green paragraph. //HERE NOT SHOWING GREEN <div class="marked"> This is a purple paragraph. //HERE GETTING PURPLE COLOR </div>

来源

2012-12-06 07:24:56 mvmrocks

段落标记不改变颜色

回答

相关问题