如何更改php文件中的css

如何更改php文件中的css,php,css,wordpress,Php,Css,Wordpress,我正在为我的博客使用帖子导航。对于这一部分,我写了一些css。很好用。但问题在于最新的帖子,它显示了下一个帖子链接的空白。同样的事情也发生在最老的帖子上,它再次显示了以前帖子链接的银行空间 我为这一部分添加了代码片段。我可以建议我如何修改这部分的css吗。以下代码嵌入在php文件中 <div class="row justify-content-center"> <div class="sewl-more-posts"> <div class

我正在为我的博客使用帖子导航。对于这一部分,我写了一些css。很好用。但问题在于最新的帖子,它显示了下一个帖子链接的空白。同样的事情也发生在最老的帖子上,它再次显示了以前帖子链接的银行空间

我为这一部分添加了代码片段。我可以建议我如何修改这部分的css吗。以下代码嵌入在php文件中

<div class="row justify-content-center">
    <div class="sewl-more-posts">
        <div class="previous-post">
            <?php If(previous_post_link()){?>
            <span class="post-control-link">Previous Article</span>
            <span class="post-name"><?php previous_post_link(); ?></span>
            <?php } ?>
        </div>
        <div class="next-post">
            <?php If(next_post_link()){?>
            <span class="post-control-link">Next Article</span>
            <span class="post-name"><?php next_post_link(); ?></span>
            <?php } ?>
        </div>
    </div>
</div>

前文
下一篇文章

一旦在客户端生成页面,就无法使用php执行此操作,因此必须使用javascript(例如):

onclick=documet.getElementById(“您拥有的id”).style.property=“蓝色”;

首先,仅当div包含以下内容时才输出div:

        <div class="sewl-more-posts">
            <?php if (previous_post_link()){?>
                <div class="previous-post">
                <span class="post-control-link">Previous Article</span>
                <span class="post-name"><?php previous_post_link(); ?></span>
                </div>
            <?php } ?>
            <?php if (next_post_link()){?>
                <div class="next-post">
                <span class="post-control-link">Next Article</span>
                <span class="post-name"><?php next_post_link(); ?></span>
                </div>
                <?php } ?>
         </div>

请提供重现您的问题的代码。Php在代码段中也不能工作。我正在使用wordpress。此代码是生成后期导航的主代码。除此之外,我还有一些样式的css。如果之前的文章不存在,我想改变一些风格。比如text-align:center。为什么不把if条件放在前一个post-div标记之前呢。因此,这是没有以前的它不会创建它来占用空间。这足以解决你的问题吗。或者你真的想设计它吗。在我看来,如果上一篇文章不存在,你希望下一篇文章在中间。我做了,应用了&操作,如果两者都是真的,它显示了前一个和下一个两个。但它只显示了一个链接,而不是所有页面的链接…我尝试了很多方法,但都没有效果…-)首先,这段代码正在寻找以前的代码,如果它退出,它将显示标题,如果没有,它将不显示任何内容。很好。我只想改变css。这个css类将取决于前一个链接的输出,即如果不存在,修改css类。。。这就是完整的场景。
.sewl-more-posts > div:only-child {
    text-align: center;
 }