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

Question

我有这样的HTML：

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

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

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

Answer 1

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

JSFiddle

这会隐藏i代码中的所有div代码。

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

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

Answer 2

div i {display:none;}

在css文件中添加此内容会隐藏存储在div

中的所有i标记