Question

我正在尝试在Wordpress网站中设置以下代码的样式，但无法正常工作：

.site-info {
text-align: center;
color: black;
 }

.site-info p{
color: red;
}

<footer class="site-footer">
    <div class="wrapper">
        <div class="site-info">
            <p>&copy; <?php echo absint( date_i18n( 'Y' ) ) 
   . ' ' . esc_attr( get_bloginfo( 'name' ) ); ?></p>
        </div><!-- .site-info -->
    </div><!-- .wrapper -->
</footer><!-- .site-footer -->

由于某种原因，颜色没有按照我的原意改变。

我选择器使用不正确吗，还是与<p></p>之间的代码有关？

Answer 1

尝试：

<plugin>
    <groupId>com.github.kongchen</groupId>
    <artifactId>swagger-maven-plugin</artifactId>
    ......
</plugin>

Answer 2

我进行了更改，但没有任何反应：

-清除浏览器缓存

通常，要查看页面上的更改，请单击浏览器工具栏上的“刷新”按钮或按键盘上的F5键。 CTRL + F5或使用无痕模式。

-服务器端缓存

服务器端缓存需要手动清理

-一个WordPress缓存插件

如果有缓存插件，则需要清除插件中的缓存

-查看源代码

在新标签中打开CSS，然后检查CSS元素是否出现在CSS中。如果不是，那么只需在查询字符串修饰符中添加名为WP Version的插件

插件：https://wordpress.org/plugins/wp-version-in-query-string-modifier/

-覆盖现有CSS

您必须对现有元素使用！important元素。

.site-info {
text-align: center;
color: black;
 }

.site-info p{
color: red !important;
}

Answer 3

好，知道了。我已经复制并粘贴了很多CSS，并且在上一节中缺少一些右括号。感谢您的关注，对此非常感谢

元素选择器在Worpress网站的样式表中不起作用

3 个答案: