可以隐藏 <div></div> 内的 <i> </i> 内的内容吗?

Can a Content within <i> </i> inside a <div></div> be hidden?

我有 HTML 这样的:

<div class="meta-box-1">
<p> Content 1 </p>
<i> Content 2 </i>
<h4> Content 3 </h4>
</div>

我可以隐藏内容 2 吗?怎么样?

我用谷歌搜索了一下,好像做不到。但是我对每种编码都不熟悉,所以我不确定。任何帮助将不胜感激。

div i {display:none;}

将此添加到您的 css 文件中会隐藏存储在 div

中的所有 i 标签

添加 div i { display: none; } 将解决上述问题。

JSFiddle

这将隐藏 div 个标签内的所有 i 个标签。

要隐藏带有 class meta-box-1 的特定 div 标签中的所有 i 标签,请将 CSS 修改为:

.meta-box-1 i { display: none; }