在 HTML 中，可以使用 CSS 中的 unset取消元素的 display 属性设置，让其回到继承自父元素的默认值。如果没有继承默认值，则 unset 关键字与 initial 关键字的效果相同。
以下是一个完整的 HTML 页面示例，其中展示了如何取消元素的 display 属性设置：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>取消 display 属性设置示例</title>
<style>
.box {
display: flex;
background-color: lightblue;
color: white;
}
.unset {
display: unset;
background-color: lightcoral;
color: black;
}
</style>
</head>
<body>
<div class="box">
<div class="unset">取消 display 属性设置</div>
<div>保持默认的 flex 布局</div>
</div>
</body>
</html>在上述代码中，我们首先定义了一个具有 flex 布局的 .box 容器，并将其背景色设置为浅蓝色，文字颜色设置为白色。然后，我们定义了一个子元素 .unset，将其 display 属性设置为 unset，这样它就会取消 display 属性的设置，回到继承自父元素的默认值。同时，我们设置了一些样式，如背景色和文字颜色，以便更好地显示子元素。
在 HTML 页面中，我们将取消 display 属性设置的子元素和一个普通的子元素添加到 .box 容器中，这样它们就以 flex 布局的形式显示出来。需要注意的是，取消 display 属性设置的子元素 .unset 会回到继承自父元素的默认值，因此不再具有 flex 布局。
需要注意的是，unset 关键字会将元素的 display 属性取消设置，并让其回到继承自父元素的默认值。因此，如果元素本来就是继承自父元素的默认值，那么将其 display 属性设置为 unset 就没有任何意义了。
正文完