为什么我的 CSS 代码在我网站的标题上不起作用？

Question

我希望我网站上的标题具有响应性。不幸的是，这不是主题提供的东西，所以我将不得不使用 CSS。

我使用了以下内容：

@media (max-width: 365px) {
    porto-u-heading {
        font-size: 16px;
        line-height: 0.5;
        margin-bottom: 1em;
    }}

@media (max-width: 365px) 
{   porto-u-sub-heading { 
      font-size: 30px; 
   }
}

很遗憾，它在我的网站上不起作用：https://wordpress-588666-1906106.cloudwaysapps.com/

谁能帮我找出问题所在？

Answer 1

在 CSS 中，在选择器的类名前使用一个点：.porto-u-heading { ... }