改变Wordpress主题

Question

我想改变Wordpress主题中的CSS。我在Wordpress中的style.css中添加了以下自定义css。但是，我添加的样式不会出现在网站上。我在覆盖：

@media screen and (max-width: 830px)
.masthead .top-bar, .masthead .hide-on-mobile {
    display: none !important;
}

到

@media screen and (max-width: 830px)
.masthead .top-bar, .masthead .hide-on-mobile {
    display: inline !important;
}

Answer 1

现在，第一个!important覆盖了我的第二个假设。但是你可以非常简单地覆盖!important语句

取自：How to override !important?

为选择器赋予更高的特异性（向选择器添加额外的标记，id或类），或者在稍后的位置添加具有相同选择器的CSS规则（在平局中，最后一个定义获胜） ）。

一些具有更高特异性的例子：

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

或者在现有选择器之后添加相同的选择器：

td {height: 50px !important;}

声明： 使用它几乎不是一个好主意！重要。这是WordPress模板的创建者的糟糕工程。以病毒式方式，它强制模板的用户添加他们自己的！重要修饰符来覆盖它，并且它限制了通过JavaScript覆盖它的选项。

但是，如果你有时必须知道如何覆盖它是有用的。