クエリ―ループブロックで結果なしの時にブロックごと非表示にする方法

クエリ―ループブロックでは、ループで表示する投稿が無い場合に「結果なし」ブロックの内容が表示されます。

しかし場合によってはブロックごと非表示にしたいときがあります。
ブロック自体にマージン、パディング、ボーダーをつけているとか、ブロック内に見出しなどのブロックを追加しているときです。

クエリ―ループブロックで表示する投稿が無い場合にブロックごと非表示にするには、そのページに適用されるCSSに下記を入れます。

.wp-block-query:has(>.wp-block-query-no-results) {
  display: none;
}

.wp-block-query はクエリ―ループブロックのCSSクラスで、.wp-block-query-no-results は結果なしブロックに付与されるCSSクラスです。
つまり上記のCSSのセレクタは、結果なしブロックを直下の要素に持っているクエリ―ループブロックを指定しています。

クエリ―ループブロックを内包しているグループブロックごと非表示にしたい場合は、上記の応用で出来ると思います。