Html 为什么不是'；由于媒体查询中的样式规则，文本大小是否按预期更改？

我正在尝试编写一个导航栏的代码，其中的文本在querys.css文件中通过媒体查询进行缩小和放大。 当前，字体大小调整在定义的屏幕宽度下没有响应。页面的其他部分响应相同的querys.css表。当我将背景色设置为红色时，该更改在600px触发，而不是定义的800px标记。背景色起作用，但字体大小不起作用

我按照这里的建议将选择器指定为

.navbar a:link

，但这并没有起作用

我现在的问题是：

为什么在600px而不是800px时触发背景色更改

为什么我的字体大小在800px时没有响应

html:

querys.css（这不响应）

---

感谢目前

查询中的样式。
上的css
正在被
样式中的样式覆盖。
下的css
。导航栏a:link
是一个更具体的选择器。要使查询中的样式应用于链接，可以将
.navbar a
更改为
。navbar a:link
以匹配

@media only screen and (max-width: 960px) {
  .navbar a:link {
    font-size: 80%;
  }
}

这对我来说是可行的（字体在960px以下变小，不确定您要找的样式，但查询会生效）。
什么不起作用<代码>字体大小

与默认CSS中的80%相似。你是说

64%

（80%中的80%）吗？第二件事，

.navbar a:link

是比

.navbar a

更具体的选择器（大小将取自默认样式表）。您可以在CSS中使用hover属性吗？请修改以解释预期的结果以及它是如何工作的。你需要用更多的词。我已经修改得更具体了，并尝试将选择器更改为。导航栏a：链接，但没有起作用……这非常有用。让我试试看…不，这对我不起作用…你的项目中还有CSS吗？或者只是你原来帖子中列出的两个文件？只有这两个文件。我已经更新了这个问题，非常感谢你的帮助。我被难住了。

.navbar a:link,
.navbar a:visited {
  border: 1px solid red;
  padding-top: 5px;
  padding-bottom: 10px;
  width: 15%;
  height: 35px;
  text-align: center;
  line-height: 0.9;
  text-decoration: none;
  font-size: 80%;
  font-weight: 300;
  line-height: 1.2;
  color: #000;
  margin: 2%;
  transition: text-decoration 0.3s;
  -webkit-transition: text-decoration 0.3s;
  -moz-transition: text-decoration 0.3s;
  -ms-transition: text-decoration 0.3s;
  -o-transition: text-decoration 0.3s;
}
.navbar a:hover,
.navbar a:active {
  text-decoration: underline;
  text-decoration-color: #41aea9;
  text-decoration-thickness: 3px;
  -moz-text-decoration-color: #41aea9;
}

@media only screen and (max-width: 800px) {
  .navbar a {
    background-color: red;
    font-size: 80%;
  }
}

@media only screen and (max-width: 960px) {
  .navbar a:link {
    font-size: 80%;
  }
}