html - 段落标签不改变颜色

Question

从下面的代码：为什么段落标签不显示绿色？我只是在练习 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>

请清除我这个..

score 2 · Accepted Answer

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

例子：

p.marked2将目标...（每个 p元素class="marked2"）

p .marked2将目标...（任何类型的元素class="marked2"作为任何后代）

score 0 · Accepted Answer

0

擦除空间

p.marked2 { 
    color:green; 
}

于 2012-12-06T05:48:34.960 回答

score 0 · Accepted Answer

嘿克拉森，你应该这样写：-

p.marked2 {
color:green;
}

.marked p {
color:purple;
}

它现在可以根据您的要求工作....

实际上，您写的p .marked2这意味着当marked2 类带有P不在标签内的P标签时，该属性将适用。

所以你应该这样写，p.marked2而不是marked2 类属性将P像演示一样应用到你的标签中。

演示

score 0 · Accepted Answer

我刚刚搞定了。您所要做的就是腾出空间

    p .marked2{
    color:green;
    }




    p.marked2{
    color:green;
    }

就是这样，老板……你现在可以走了……

score 0 · Accepted Answer

所以你遇到的问题是空间；示例：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>

html - 段落标签不改变颜色

5 回答 5

Related

Reference