php - 如何设置 WordPress PHP 链接的样式？

Question

<div class="past-page"><?php previous_posts_link( '&laquo; Previous Page' ); ?></div>

您好!我在尝试解决分页按钮的样式时遇到了一些麻烦。我尝试设置过去页面 div 的样式，但是当没有链接时会出现一个白框...这不是我想要的结果。

那么，我想知道我是否可以在此处以某种方式在 php 标记中添加样式？我要添加的样式是

font-size: 10pt;
text-transform: uppercase;
font-weight: bold;
background: #fff;
padding: 10px;

Answer 1

使用 :not(:empty) 为“非空”的 div 添加样式；否则，当它为空时，它将恢复为默认 CSS:

<style>
.past-page:not(:empty) {
 font-size: 10pt;
 text-transform: uppercase;
 font-weight: bold;
 background: #fff;
 padding: 10px;
}
</style>

或者，您可以始终应用该样式，除非为空然后使其不可见:

<style>
.past-page {
 font-size: 10pt;
 text-transform: uppercase;
 font-weight: bold;
 background: #fff;
 padding: 10px;
}

.past-page:empty {
 display: none !important;
}
</style>