当父元素设置为display时,强制html元素可见:none



当一个父元素被设置为display:none;时,我们如何使它的一个子元素可见?

css:
div: display:none;
html:
<div>
<p id='required'>required</p>
<p>not required</p>
</div>

如何使p#required单独可见。

限制-我将在手写笔浏览器扩展中使用此功能。

您可以使用visibility属性执行此操作,但不能使用display

下方的示例代码

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style type="text/css">
div {
visibility: hidden;
}
</style>
</head>
<body>
<div>
<p id='required'>required</p>
<p style="visibility: visible;">not required</p>
</div>
</body>
</html>

最新更新