2

我对 CSS 完全陌生，我正在尝试修改 Wordpress 主题。我已经搜索了我的问题，我能找到的最接近的是this，但我不明白如何使用该示例。

基本上我想隐藏特定类型的所有小部件的标题元素'custom-sidebar-title-wrapper'，即'widget_goodlayers-1-1-banner-widget'。

这是我从元素检查器复制的类层次结构。

<div class="custom-sidebar widget_goodlayers-1-1-banner-widget" id="goodlayers-1-1-banner-widget-31">
    <div class="custom-sidebar-title-wrapper">_</div>
    <div class="under-banner-title">_</div>
    <div class="banner-widget1-1"">_</div>
</div>

我一直试图解决问题的方法是这样的

div.custom-sidebar widget_goodlayers-1-1-banner-widget custom-sidebar-title-wrapper {
display: none;
}

但它不起作用，可能是因为我做错了什么或把东西放错了顺序，请帮助！谢谢！

4

1 回答 1

1

您在同一元素上的两个类之间放置一个空格，而不是在您的类前面加上.：

改变：div.custom-sidebar widget_goodlayers-1-1-banner-widget ...

至：div.custom-sidebar.widget_goodlayers-1-1-banner-widget ...

并改变：custom-sidebar-title-wrapper

至：.custom-sidebar-title-wrapper

div.custom-sidebar.widget_goodlayers-1-1-banner-widget .custom-sidebar-title-wrapper {
    display: none;
}

这将选择具有“custom-sidebar”和“widget_goodlayers-1-1-banner-widget”类的任何元素的“ custom -sidebar-title-wrapper”类的元素。div

您可以参阅选择器文档以获取有关每种选择器类型的深入信息。

于 2013-11-07T12:12:40.347 回答