如何使用 <h3> css 隐藏在 div 标签中

我试图在不添加类的情况下隐藏这个div的h3标记。我用css尝试了各种方法，但都没有成功。有人能给我推荐一个替代方案吗？

由于html代码在插件文件中，我无法直接对其执行操作。

<div class="wpua-edit-container">
<h3>Profile Picture</h3>
</div>

这就是您想要的吗？

div h3 {display:none}

<div class="wpua-edit-container">
<h3>Profile Picture</h3>
<p>hello...</p>
</div>

此外，你可以做：

div h3｛display:none；｝
div.wpua-edit-container h3｛display:none；｝
.wpua编辑容器h3｛display:none；｝
.wpua编辑容器>h3｛display:none；｝
div.wpua-edit-container>h3｛display:none；｝

所有这些都应该有效。此外，添加！重要的是，如果需要，如果你的插件仍然没有删除它，比如{display: none!important}。

如果需要，可以使用jQuery：

这是index.html

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div class="wpua-edit-container">
<h3>Profile Picture</h3>
</div>
</body>
</html>

和script.js:

$(document).ready(function() {
$("h3").hide()
})

它基本上是在做与display: none;相同的事情(它向元素添加display:none样式的属性(，但使用jQuery。

相关内容

最新更新

热门标签：