css - 在 Wordpress (CSS) 中重写 element.style

Question

我尝试在网站的移动版本中编辑 Logo 的高度。 我发现我需要移动高度为 50%，当我检查它时它显示 100%

    @media only screen and (min-width: 1000px)
    header.centered_logo .q_logo {
    height: 50% !important;


    .q_logo {
    height: 50% !important;

    <div class="q_logo"><a href="https://rzeczownik.com/" style="height: 60px; visibility: visible;"><img class="normal" src="https://rzeczownik.com/wp-content/uploads/2015/09/rzeczownik_logo.png" alt="Logo" style="height: 100%;"><img class="light" src="https://rzeczownik.com/wp-content/uploads/2015/09/rzeczownik_logo.png" alt="Logo" style="height: 100%;"><img class="dark" src="https://rzeczownik.com/wp-content/uploads/2015/09/rzeczownik_logo.png" alt="Logo" style="height: 100%;"><img class="sticky" src="https://rzeczownik.com/wp-content/uploads/2015/09/rzeczownik_logo.png" alt="Logo" style="height: 100%;"></a></div>

我尝试编辑 css 但没有成功。

Answer 1

您的代码显示了一个媒体查询，其样式将在最小宽度为 1000 像素时应用。

您应该将其更改为“最大宽度”。此外，CSS 似乎缺少一些花括号。

试试这个:

@media only screen and (max-width: 1000px) {
   .q_logo a img {
       height: 50% !important;
   }
}