媒体查询调整范围跨度字体大小

Question

我正在使用wordpress。 我有一个特定的span标签，大小

<span id="some_id" style="font-size: 26px;">Some title</span>

当屏幕，视口变小时，我希望它减小字体大小，如：

@media screen and (max-width: 640px) {
  #some_id{font-size:15px;}
}

但它不起作用！此媒体屏幕内的所有其他规则都有效，除了这个

为什么呢？谢谢！

Answer 1

内联样式会覆盖您的CSS。出现css的顺序决定了最重要的。如果你需要避免这个问题，你需要考虑两个解决方案（选择最适合你的方法）

解决方案1 ​​

  <span id="some_id" class="font26">Some title</span>

   .font26 { font-size: 26px; }

解决方案2

 @media screen and (max-width: 640px) {
    #some_id{font-size:15px !important;}
  }

!important运营商如果您不知道它是如何运作的，那将是危险的。首先，了解css如何呈现以及他的优先级。

祝你好运