html Wordpress 子ブロックの一つ上の親ブロックの背景を透過させる

Question

いつもお世話になっております。

現在wordpressでwebページを作成しております。
テーマはlightningを用いています。

下記画像のように、ウィジェットのトップページ上部コンテンツエリア（赤い枠線部分が該当、コードのwigetarea）に２つのニュースを入れている状況です。
赤い枠線部分はbacground: white;を指定しており、NEWS1とNEWS2の間(div.blank)は現在白くなっているのですが、この部分に一番後ろの背景を出したいと考えております。
下記コードのような構成ですが、blankの親要素wigetareaの影響なく背景をcssで出す方法はあるのでしょうか。

できない場合、トップページ上部コンテンツエリアを2つ使用するようなことは可能なのでしょうか。
下記構成ができれば問題ございませんので、適切な方法をご教示いただけますと幸いです。
よろしくお願いいたします。

<div class="background">
  <div class="wigetarea">
    <div class="news1">
      ニュース１の内容
    </div>
    <div class="blank">
      この部分に親要素wigetareaでなくbackgroundの背景を表示したい
    </div>
    <div class="news2">
      ニュース２の内容
    </div>
  </div>
</div>

.background {
  bacgroud: url("背景画像");
}
.wigetarea {
  bacgroud: white;
}

画像

Comments

[kei344]

bacgroud ⇒ background です。

[kei344]

wiget ⇒ widget もです。

Answer 1

.wigetarea :not(.blank) {
  background: white
}

Answer 2

これでよいと思います。

.wigetarea > div {
  background-color: white;
}

Comments

[kei344]

.blank を忘れていました。要るならウィジェットに widget クラスを付けて 「.wigetarea > .widget 」で。

[lyzmfeqpxs54]

ご回答ありがとうございます。
返信が遅くなり申し訳ありません。

ご教示いただいた方法で無事解決いたしました。
また、何かありました際にご教示いただけますと幸いです。