css - Wordpress CSS，为某种类型的所有小部件选择元素？

Question

我是 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;
}

但是还是不行，可能是我操作不对或者顺序不对，求助!谢谢!

Answer 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-”的div元素的类“custom-sidebar-title-wrapper”后代的元素1-横幅小部件”。

可以引用Selectors documentation有关每种选择器类型的深入信息。