Question

我正在使用wordpress并希望删除我父主题风格的某个方面，但也不想触及父主题的styles.css。因此，我想从子主题的样式表中删除该元素，但我该怎么做？

现在我的孩子主题通过

调用我的父主题样式

@import url("../parenttheme/style.css");

现在我要删除

的整个部分

@media only screen and (max-width: 767px) { 
.container { max-width: 95% }
.sidebar-container { padding: 0; margin-top: 50px; }
.masthead-right { display: none }
.single-nav { position: inherit; top: auto; right: auto; margin: 20px 0 0; }
.single-nav-left, .single-nav-right { margin-left: 0; margin-right: 3px; }
.comment-list .children { margin-left: 0 }
#copyright, #footer-menu { text-align: center }
#footer-menu ul { float: none; margin-top: 5px; }
#footer-menu li { float: none; display: inliene; display: inline-block; margin-left: 0; margin-right: 10px; }
.related-posts .span_6, .related-posts .span_18, .related-posts .span_8 { width: 100%; padding: 0; }
.related-posts .span_8, .related-posts .span_6 { margin-bottom: 1.5em }
.tax-archives-filter { position: inherit; position: relative; top: auto; right: auto; margin: 30px 0 0; }
.tax-archives-filter > li { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tax-archives-filter i { position: absolute; top: 50%; margin-top: -5px; right: 13px; }

} 在我的父主题样式中通过调用它并从子主题中将其归零。

Answer 1

如果只需重置该特定行，只需将其设置为

即可

.masthead-right{
    float:none;
}

建议的一句话，永远不会在父母css上工作。更改子主题css或添加一个新的custom.css并在正下方声明要覆盖的css。

修改的

刚刚刷新并注意到gaynorvader建议同样......

Answer 2

您可以通过几种方式覆盖css。要么通过进一步向下覆盖您想要覆盖的代码（例如，您的子css中的.masthead-right{float: none;}应该有效），或者使用更具体的选择器（例如#containingdiv .masthead-right{float:none;}再次使用您的示例）。这将覆盖包含子css的任何页面。

Answer 3

我认为这不可能。

由于您正在创建子主题，因此根据定义，您可以加载父级的样式表。删除CSS的某些部分的唯一方法是覆盖它。您可以使用更具体的CSS选择器（我推荐的）或将!important关键字添加到自定义属性（在大多数情况下我不建议这样做）来执行此操作。

如果你想摆脱父主题CSS文件的较大部分，我会考虑根本不加载它。您可以创建一个完全自定义的样式表（基于您的父样式表）。

从子主题中删除样式

3 个答案: