2

私は CSS がまったく初めてで、Wordpress のテーマを変更しようとしています。私は自分の質問を検索しましたが、見つけた最も近いものはthisでしたが、その例を使用して何をすべきかわかりません。

基本的に、「widget_goodlayers-1-1-banner-widget」である特定のタイプのすべてのウィジェットのタイトル要素「custom-sidebar-title-wrapper」を非表示にしたいと考えています。

要素インスペクタからコピーしたクラス階層を次に示します。

<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

同じ要素の 2 つのクラスの間にスペースを入れており、クラスの前に.:

変化する：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 に答える