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>

请告诉我这个..

Answer 1

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

<强>示例：

p.marked2将定位...（每个 p元素class="marked2"）

p .marked2会将...（任何类型的元素与class="marked2"定位为 的任何后代

Answer 2

擦除空间

p.marked2 { 
    color:green; 
}

Answer 3

Hey Clarsen你应该这样写： -

p.marked2 {
color:green;
}

.marked p {
color:purple;
}

它现在按照你的要求工作....

实际上您写的是p .marked2这意味着当marked2 类带有P标记而不是P标记内的属性时应用

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

DEMO

Answer 4

我刚刚开始工作。你所要做的就是占用空间

    p .marked2{
    color:green;
    }




    p.marked2{
    color:green;
    }

那就是老板......你现在很高兴......

Answer 5

所以问题就在于空间;示例：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>

段标记不改变颜色

5 个答案: