Css 设置空HTML标记的样式

在我的设计中，我有一个右侧边栏，可以动态地拉入推荐信（如果有的话）

HTML看起来像：

<h4> dynamic content</h4>

问题是，当

元素中没有内容时，样式仍然会被拾取，并添加CSS中指定的背景和边框。我假设它正在生成h4。如果没有任何内容，是否有办法使其为空

更新：

我正在尝试这个方法，它似乎在JSFIDLE中有效，但在文件中无效：

<script type="text/javascript"> $(document).ready(function(){ if ($("#testimonials").text().length < 65) { $('#testimonials').hide(); } });</script>

$（document）.ready（函数（）{if（$（“#证明”）.text（）.length<65）{$（'#证明'）.hide（）}）；

我认为，它将里面的HTML计算为文本。

给出

#推荐

a

显示：无属性；然后，在您用来拉入推荐信的Javascript代码运行完毕之前，让它检查是否实际检索到任何代码，并设置
display:block#推荐信上填写code>

有点关联：在询问堆栈溢出问题时，最好尽可能多地发布信息，例如，您用来动态检索推荐信的代码——问题中提到了它，它的行为会影响您所询问的内容，这使得它在范围内。如果您将使用您的推荐检索代码更新您的问题，我将更新我的答案以显示特定的解决方案。
给出
#推荐
a
显示：无属性；然后，在您用来拉入推荐信的Javascript代码运行完毕之前，让它检查是否实际检索到任何代码，并设置
display:block#推荐信上填写code>

有点关联：在询问堆栈溢出问题时，最好尽可能多地发布信息，例如，您用来动态检索推荐信的代码——问题中提到了它，它的行为会影响您所询问的内容，这使得它在范围内。如果您要用推荐检索代码更新您的问题，我将更新我的答案以显示特定的解决方案。
update
下面是另一个例子，但这也可能不适用于OP，因为它使用jQuery

jQuery

这不一定适用于询问者所寻找的内容，但可能对未来的读者有益。这是为了不设计h4，而不是op想要的父div。

假设您可以使用CSS3，并且
实际上是空的，那么您可以修改CSS以使用and选择器

CSS
这是一本书。您可以将内容添加到h4以查看其工作方式

或者，您甚至可以执行相反的操作，并显示
display:none
s的代码>：

#testimonials h4:empty{
    display:none;
}

更新
下面是另一个例子，但这也可能不适用于OP，因为它使用jQuery

jQuery

这不一定适用于询问者所寻找的内容，但可能对未来的读者有益。这是为了不设计h4，而不是op想要的父div。

假设您可以使用CSS3，并且
实际上是空的，那么您可以修改CSS以使用and选择器

CSS
这是一本书。您可以将内容添加到h4以查看其工作方式

或者，您甚至可以执行相反的操作，并显示
display:none
s的代码>：

#testimonials h4:empty{
    display:none;
}

当没有内容时，在css上显示：无。
使用javascript或jquery显示内容。显示内容时将应用样式设置

最初没有内容时：
#推荐信{
背景：#eeeeee；填充：30px；宽度：自动；高度：自动；
显示：无；
}

动态生成内容时，请使用：
$（“#证明”）.show（）
执行一个显示：当没有内容时，最初在css上显示“无”。
使用javascript或jquery显示内容。显示内容时将应用样式设置

最初没有内容时：
#推荐信{
背景：#eeeeee；填充：30px；宽度：自动；高度：自动；
显示：无；
}

动态生成内容时，请使用：
$（“#证明”）.show（）
在不需要的情况下，这看起来像是很多前端工作。如果您能够将内容输出到h4中，则可以输出和附加标记

<section id="testimonials"></section>



服务器端推出：

<h4>all my content</h4>

我所有的内容

然后，您的CSS将在js没有任何工作的情况下工作

最有可能的是，每一份推荐信都有一份
 这似乎是很多不需要的前端工作。如果您能够将内容输出到h4中，则可以输出和附加标记

<section id="testimonials"></section>



服务器端推出：

<h4>all my content</h4>

我所有的内容

然后，您的CSS将在js没有任何工作的情况下工作

最有可能的是，每一份推荐信都有一份
 这听起来像是需要用jQuery或javascript来完成的事情。为什么不让生成内容的东西也生成
标记呢？这样，如果不存在证明，就不会有任何样式。CSS无法读取、查看或检查元素内容的长度。@j08691 CSS3中实际上有一个选择器，允许您检查元素是否为空。请看我的答案。标记中缺少了一些内容：没有id为
的元素，因此CSS规则都不适用。不清楚什么元素可能是空的，以及它是否真的是空的。例如，包含
h3
的
div
元素不能为空，即使
h3
是空的。这听起来像是需要用jQuery或javascript完成的事情。为什么不让生成内容的东西也生成
标记呢？这样，如果没有推荐书，就不会有任何风格。CSS无法阅读、查看或使用c