<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 颜色 白色，则可以使用

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

Answer 2

你的CSS应该不使用！important。只需确保在所有其他框架CSS文件之后包含CSS文件。所以你的CSS会覆盖框架CSS。