覆盖html中的可见性_Html_Css_Visibility

覆盖html中的可见性

html css

覆盖html中的可见性,html,css,visibility,Html,Css,Visibility,我试着写一些css代码。不幸的是，我无法更改html代码，仅样式部分。在我的项目中，我将样式保存在css文件中。下面是一些代码： <!DOCTYPE html> <html> <head> <style> h1.my_class { visibility: visible !important; } </style> </head> <body> <h1 class="my_class" hi

我试着写一些css代码。不幸的是，我无法更改html代码，仅样式部分。在我的项目中，我将样式保存在css文件中。下面是一些代码：

<!DOCTYPE html>
<html>
<head>
<style>
h1.my_class {
    visibility: visible !important;
}
</style>
</head>
<body>

<h1 class="my_class" hidden>This is a heading</h1>

</body>
</html>


我的班级{
可见性：可见！重要；
}
这是一个标题

我可以用css代码覆盖html代码中写的“隐藏”吗。已经写入的内容不会改变任何内容。

使用display:block而不是visibility。请参阅下面的代码

h1.my_类{
显示：块；
}

这是一个标题

试试这个，而不是你写的，它应该可以工作。

我想知道，如果元素应该用CSS显示，为什么它隐藏在HTML中？当然，HTML标记可能来自另一个源，您无法控制它

因此，如果您只是将CSS更改为：

h1.my_class {
  display: block;
}

这样就可以了，不需要使用

！重要信息

请参见此处。如果你想尝试一下，这里有一把小提琴：

我试过你的想法了。我可以用

display: block

或

但我必须使用

visibility: visible

也是

对于一个文本或图像，“显示”是好的。但对于更像隐藏div中的隐藏跨度，我也必须使用

visibility:visible

如果要显示元素，是否应该在元素上具有隐藏属性？-：隐藏的全局属性是一个布尔属性，表示元素尚未或不再相关。“隐藏”属性不得用于隐藏可以在其他演示文稿中合法显示的内容

visibility: visible

visibility:visible