css - 在二十六主题中为移动设备格式化上一个和下一个链接

Question

我尝试了几天来更改移动设备上单个帖子在 Wordpress 二十六子主题中的 Previous 和 Next 导航链接的显示方式，更具体地说，它们的字体属性，但没有成功。我可以为桌面格式化它们，但不能为移动设备格式化。我知道 CSS 媒体查询，但我找不到适合我的情况的解决方案。知道这个主题的人可以给我一些想法吗？

这是我上次尝试的:

@media screen and (max-width: 75em) {
   .post-navigation a .post-title {
      color: #007acc;
      font-size: 1rem;
      line-height: 1.25;
   }
}

这是我的开发站点:dev.infopsi.md

这是一个帖子:http://dev.infopsi.md/2016/10/17/salut-lume.html

Answer 1

问题出在无效的 CSS 文件中。

@media screen and (max-width: 75em) block 位于另一个 @media block 内(不是有效的 CSS) :

你不能这样做:

@media screen and (min-width: 61.5625em) {
....
....
@media screen and (max-width: 75em) {
....
....
}

您必须先关闭第一个 @media block :

@media screen and (min-width: 61.5625em) {
....
....
}
@media screen and (max-width: 75em) {
....
....
}

找到此类错误的最简单方法是使用 CSS 验证器:
https://jigsaw.w3.org/css-validator/