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

这将选择具有类＆＃34; custom-sidebar-title-wrapper＆＃34;的元素。任何div元素的后代，其中包含类＆＃34; custom-sidebar＆＃34;和＆＃34; widget_goodlayers-1-1-banner-widget＆＃34;。

您可以参考Selectors documentation获取有关每种选择器类型的详细信息。

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

1 个答案: