为什么媒体(最大宽度)对H2标题无效？

时间：2019-05-19 作者：ToTheSpace 2

我正在尝试在我的网站上设置帖子的样式，但当我尝试使用CSS中的媒体功能更改字体大小时，我似乎无法更改h2的字体大小。当我转到“inspect element”并导航到“style”部分时，我看到我的fon size样式被划掉了。这是什么意思？enter image description here

1 个回复
最合适的回答,由SO网友:Jacob Peattie 整理而成

它正在被顶部的行覆盖。从文件名末尾的位可以看出，您的媒体查询CSS位于第133行，但覆盖它的CSS位于第182行。因为它们使用相同的选择器(.posts h2) 根据规则，最后一个优先specificity. 您要么需要删除182上的行，要么将新CSS移到它下面。

标签： css   小码农  

相关推荐

Change image using only CSS

我用的是215主题。我有一个标志设置使用可湿性粉剂定制。我想在mobile或tablet view上更改图像。断点小于59.6875em。我正在使用以下代码：@media only screen and (max-width: 59.6875em) { .custom-logo { content: url(\"https://www.example.com/example/wp-content/uploads/Logo_Wide_2x.png\");