如何使用CSS文件在引导程序中更改H3颜色

Question

我在这里有一个网页：http : //www.indiespil.dk/aitasi-under-construction-page/Aitasi/image/

我下载了一个HTML模板，并且我认为它正在使用Bootstrap。我不是程序员，所以这是我第一次使用HTML，CSS，Bootstrap和所有类似的东西。

到目前为止，我的网页上一切正常，除了以下几点：第二部分的文字颜色为“竞争”，“游戏钱包”，“独立硬币”和“社区”

这些词是黑色的，我需要改为白色。

文字称为

目前，它的颜色代码为＃000000，大小为18px。

我需要在网站的下方使用h3，但我想制作一个自定义标头（例如h7），该标头的大小与h3相同，但改为白色。

我试着制作一个h7，实际上它变成白色且大小相同，但是当我在索引文件中输入h7时，它和其余的一样没有对齐。

如何使其正确对齐？

谢谢。

Answer 1

!important更改颜色时，无需创建H7标头元素，只需将规则添加到CSS中的单独类中即可。

的HTML

<h3 class="whiteTextOverride"> example with white text override </h3> 
<h3> example with default colour </h3> 

的CSS

.whiteTextOverride
{
 color: white !important;
}

这将覆盖由引导程序设置的颜色，并允许您仅为该标题中的文本选择特定颜色。

PS它值得一提的是，你不应该去疯狂与CSS的！重要的功能，因为它可以影响到其他类，如果你不小心用这么最小使用它，看看这个文章的时候，你应该使用它。祝好运！

例

<h3 class="whiteTextOverride"> example with white text override </h3> 
<h3> example with default colour </h3> 

.whiteTextOverride
{
 color: white !important;
}