是否可以更改博客导航的格式？

Question

我试图将我的博客上的样式博客导航样式从“更新的/旧的”文本更改为下一/前一页，并使其与我的RSS文本顶部相同的颜色/字体/样式/悬停相匹配:通过RSS订阅:到目前为止，我无法更改任何内容。

.pagination .next-item { color: #0076a9 !important; font-size: 8em; font-weight: 700; }
.pagination .prev-item { color: #0076a9 !important; font-size: 8em; font-weight: 700; }

Answer 1

这是一种非常简陋的方法，但是如果您只能控制CSS，这应该适用于您：

.pagination
{
    color: rgba(0,0,0,0)
}

.pagination a
{ 
    font-family: "HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px; 
    font-weight: 700;
}

.pagination a:first-child
{
    position: relative;
    left: 616px;
    color: rgba(0,0,0,0);
}

.pagination a:first-child:after
{
    position: absolute;
    left: 0;
    content: "Next";
    color: #0076a9;
}

.pagination a + a,
.pagination a:only-child
{
    position: relative;
    left: auto;
    margin-left: -59px;
    color: rgba(0,0,0,0);
}

.pagination a + a:after,
.pagination a:only-child:after
{
    position: absolute;
    left: 0;
    content: "Previous";
    color: #0076a9;
}

同样，如果您对HTML有控制，这也不是推荐的解决方案。这样做的目的是：

1. 将"/“隐藏在旧的/更新的
2. 设置链接字体样式。
3. 如果.pagination div中有一个链接是第一个元素(first-child)，我们假设它是“较新的”链接。我们将其重新定位到页面的最右侧，但使用rgba(0,0,0,0)使链接不可见。
4. 我们使用CSS :after伪类在该链接后添加文本，该链接显示“下一步”，并将其颜色与链接的颜色相同。我们使用position: absolute和left: 0将其置于不可见链接的顶部。
5. 如果有第二个链接，或者.pagination中只有一个链接，那么我们假设它是“旧的”链接，并将其移到最左边。
6. 然后，我们将它与“更新”链接一样对待，但是我们在其中添加了“以前”。