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）和组（组）的类不会改变

.numbers {
color: white;
}

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

Answer 1

您需要更改P颜色：

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

Answer 2

可能存在其他一些与之相冲突的CSS

尝试添加!important

.numbers{
   color:white !important;
}

希望有所帮助

文字颜色不随css

2 个答案: