文本颜色不会随着 css 而改变

Question

我在 wordpress / buddypress 网站上工作。在组页面中，我更改了页面标题背景颜色。但是，在页面标题背景上方是显示有多少组的元素，并且颜色相同。我正在尝试将文本颜色更改为白色，但它没有改变。代码是：

<div id="item-statistics" class="follows">
            <h1 class="main-title">Groups &amp; Clubs</h1>

            <span class="create-a-group"><a href="https://www.villagemixer.com/groups/create/" class="group-create no-ajax">Create a Group</a></span>

            <div class="numbers">
                <span>
                    <p>25</p>
                    <p>Groups</p>
                </span>
            </div>
        </div>

我可以用

更改页面标题

.main-title {
color: white;
}

然而，显示数字 (25) 和组 (Groups) 的 class 在使用其 class 选择器时不会改变

.numbers {
color: white;
}

使用相同的 class 选择器，我可以更改背景颜色。有什么想法吗？

Answer 1

您需要更改P颜色：

.numbers span p {
    color: white !important;
}

Answer 2

可能还有其他一些 CSS 与此冲突

尝试添加 !important

.numbers{
   color:white !important;
}

希望对您有所帮助

文本颜色不会随着 css 而改变

text color not changing with css

css

wordpress

colors

buddypress