Question

我尝试编写一些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>

我可以覆盖＆＃34;隐藏＆＃34;用我的css代码在html代码中写的。已写的内容并没有改变任何内容。

Answer 1

使用display：block而不是visibility。请参阅以下代码

＆＃13;

h1.my_class {
    display:block;
}

＆＃13;

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

＆＃13;

Answer 2

h1.my_class {
    display: inline;
}

试试这个，而不是你写的，它应该有效。

Answer 3

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

所以如果你只是改变你的CSS：

h1.my_class {
  display: block;
}

那就行了，不需要在这里使用!important。如果你想试验它，这是一个小提琴：https://jsfiddle.net/27q7d157/

Answer 4

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

display: block

或

display: inline

但我必须使用

visibility: visible

太。

仅对于文字或图片，只需显示＆＃34;＆＃34;很好。但是更像是一个隐藏的div中隐藏的跨度我也必须使用

visibility:visible

覆盖html中的可见性

4 个答案: