html - 段落标签不变色

标签 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> //HERE GETTING PURPLE COLOR
</div>


请清除我这个..

最佳答案

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

示例:

p.marked2将目标 <p class="marked2">...</p> (每个 p 元素与 class="marked2" )

p .marked2将目标 <p><span class="marked2">...</span></p> (任何类型的 class="marked2" 作为 <p>任何后代的元素)

关于html - 段落标签不变色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13737646/

相关文章:

html - 是否可以创建一个 html 表,该表在列或行中流动并相应地完全用 CSS 包装?

html - 减少两个 td 之间的空间

javascript - 将表单字段重置为初始状态

css - 将 "Dialog"小部件的宽度设置为 Vaadin 14 中页面的百分比

javascript - 仅处理具有特定类别的第一张图像

javascript - 如何在复选框选中时启用文本框

html - 为什么我的图像在大多数浏览器中都能正确定位,但在 IE 中却不能?

javascript - 创建响应式 Web header 的简便方法?

javascript - JQuery/JS -- 在 <pre>/<code> 中的 span 后删除换行符

css - 在 Bootstrap 3 中设置文本区域的宽度