当一个父元素被设置为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>