Css 不读取所有媒体查询

我的样式表中有以下CSS：

@仅媒体屏幕和（最大宽度：420px）{
.条目标题，.条目标题a{
字体大小：24px；
}
a、 更多链接{
宽度：44%；
}
.entry title、.entry header.entry meta{
右边填充：10px；
}
} 
@仅介质屏幕和（最小宽度：350px）和（最大宽度：380px）{
.条目标题，.条目标题a{
字体大小：24px；
}
a、 更多链接{
宽度：45%；
}
.entry title、.entry header.entry meta{
右边填充：10px；
}
}
@仅介质屏幕和（最大宽度：330px）{
.条目标题，.条目标题a{
字体大小：24px；
}
a、 更多链接{
宽度：52%；
}
.entry title、.entry header.entry meta{
右边填充：10px；
}
}

尝试使用更改第一个媒体查询

@media only screen and (max-width: 420px) and (min-width: 380px)

---

尝试使用更改第一个媒体查询

@media only screen and (max-width: 420px) and (min-width: 380px)

---

第二个输入错误：应该是

a.more-link

而不是

a.more.link

第二个输入错误：应该是

a.more-link

而不是

a.more.link
缺少更多信息，但我在中间媒体查询中看到了
a.more.link
，在另外两个查询中看到了
a.more-link
。我猜应该是后者。此外，在您的其他媒体查询中，不需要重复
.entry title、.entry title a
和
.entry title、.entry header.entry meta
，它们将继承第一个查询中的字体大小和填充，因为它们都是相同的值。CSS代码不足以帮助您。也请发布一些HTML代码。缺少更多信息，但我在中间媒体查询中看到
a.more.link
，在其他两个上看到
a.more-link
。我猜应该是后者。此外，在您的其他媒体查询中，不需要重复
.entry title、.entry title a
和
.entry title、.entry header.entry meta
，它们将继承第一个查询中的字体大小和填充，因为它们都是相同的值。CSS代码不足以帮助您。也请发布一些HTML代码。