Google Data Studio自定义可视化中内层<p>为空时如何隐藏外层Div

• CSS方案（无需修改现有HTML结构，实现简单） #

直接在你现有CSS代码的基础上新增以下规则即可：

/* 匹配p标签完全为空的场景 */
.aDiv:has(p:empty) {
  display: none;
}
/* 如果变量为空时p标签内会残留空格、换行等空白字符，替换为以下规则 */
.aDiv:has(p:blank) {
  display: none;
}

说明：:has()是CSS原生支持的父元素选择器，可以直接匹配到内部包含空p标签的外层div，直接隐藏整个区块，无需改动现有模板代码。

• 模板条件渲染方案（兼容性最优，无冗余DOM） #

直接修改你的HTML模板，增加变量判断逻辑，仅当{{Summary}}变量有值时才渲染整个div区块：

{{#if Summary}}
<div class="aDiv">
<h3>Study Summary:</h3><p> {{Summary}} </p></div><br>
{{/if}}

说明：Google Data Studio的Templated Record组件原生支持Handlebars风格的条件判断语法，变量为空时直接不输出对应DOM，不会渲染多余的标题和空内容区块，适配所有浏览器场景。

内容的提问来源于stack exchange，提问作者Chet