html - <p> 元素颜色错误

Question

我在 <p> 中有一些文字标签显示为黑色。我添加了一个名为 white 的 css 类，我已将其赋予应该使其变为白色的元素。

这是在浏览器中显示页面后对 html 的检查:

<p class="text-center vertical-center white">Center-aligned text.</p>

这是我的 CSS 类:

.white {
    color: white;
}

这是元素的计算样式:

color rgb(51, 51, 51)

#333body (scaffolding.less 31)

我不知道 scaffolding.less 是什么，但我正在使用一些库/框架，例如 angular 2 和 bootstrap。我的类肯定应该覆盖 scaffolding.less 吗？

Answer 1

您好，现在您可以尝试使用 p tag 和 class

编写此 Css

像这样

body p.white, .white{color:#fff;}

而且如果你只使用 .white class 用于 color white 你可以用这个

.white{color: #ffffff !important;} // used only this if you have only change color