<div></div> 内的 <i> </i> 内的内容可以隐藏吗？ [复制]答案

【问题标题】：Can a Content within <i> </i> inside a <div></div> be hidden? [duplicate]<div></div> 内的 <i> </i> 内的内容可以隐藏吗？ [复制]
【发布时间】：2016-10-03 15:49:01
【问题描述】：

我有这样的 HTML：

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

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

我用谷歌搜索它似乎无法完成。但是对于每种编码都是新手，我无法确定。任何帮助将不胜感激。

【问题讨论】：

我想知道你是如何搜索的，却一无所获... google.com/…
也许他用的是 Bing。
我真的怀疑你用谷歌搜索了它
stackoverflow.com/a/24055535/2887133
嗨@DaniP 我没有说我什么也没找到。可能是我无法正确地弄清楚事情，但在我看来，我可能不会那样做。但由于我怀疑自己的结论，所以我向你们寻求帮助。谢谢！

标签： html css hide

【解决方案1】：

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

JSFiddle

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

要将所有i 标记隐藏在具有meta-box-1 类的特定div 标记内，请将CSS 修改为：

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

【讨论】：

谢谢@applesElmi。你的回答真的很有帮助。抱歉，由于我的声誉不足，我无法为您投票。事实上，它是 1-4=-3。 ;-)

【解决方案2】：

div i {display:none;}

在你的 css 文件中添加它会隐藏所有存储在 div 中的 i 标签

【讨论】：

谢谢@Smithy。这不会隐藏所有 div 元素中的所有 i 标签吗？我们不应该使用特定 div 的类来仅隐藏其中的 i 标记吗？
是的，如果你在 标签中添加一个类，那么只需将 css 中的 i 替换为一个点 (.)，后跟类的名称