html - 在html标签中正确使用 'hidden'属性

标签 html css

我遇到了一个问题,希望这里有人能启发我:

<div class="myclass" hidden></>

在本地运行时,不显示这个div。这是正确的,对吧?但是如果我将隐藏属性添加到类标签中,即:

<div class="myclass hidden"></>

div 显示。这是应该发生的事情。

但是当我将“正确”代码部署到我们的测试环境时,div 仍然显示,但如果我将“隐藏”属性添加到类标签,它就不会显示。我已经在 Chrome 中手动编辑了 html,并且可以复制该行为。我不明白这是为什么。有人可以帮我吗? 谢谢

最佳答案

在这种情况下 <div class="myclass" hidden>您正在使用全局 HTML 属性,这将使浏览器不会呈现该元素。

在另一种情况下 <div class="myclass hidden">您正在添加一个名为 hidden 的类到您的元素,它可以关联或不关联您要添加到它的任何自定义样式,但不会为其生成任何“默认”样式。

关于html - 在html标签中正确使用 'hidden'属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58310473/

相关文章:

css - Jsoup 选择元素

css - 相对定位在 chrome 中使用 block 子元素但不适用于 inline-block 或 inline 子元素

jquery - 在 FullCalendar 中更改选择颜色

html - 针对不同的分辨率优化网站

css - 盒子之间的 Flexbox 边距

jquery - 在 html 文件之间滑动手势

javascript - 将所有链接从指定目录重定向到指定文件

javascript - alertbox 以 html 表格格式显示数据库中的数据

javascript - 数据列表字序

html - 使用括号将文本左对齐