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>

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

1 个答案: