我在文档头部定义的 CSS 类似乎没有被识别或应用。知道我遗漏了什么或做错了什么吗?
<html>
<head>
<title>EXAMPLE</title>
<style>
.show_x
{
visibility: visible;
}
//
.hide_x
{
visibility: hidden;
}
</style>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<span class="hide_x glyphicon glyphicon-warning-sign text-danger"></span>
<span class="glyphicon glyphicon-warning-sign text-danger" style="visibility: hidden;"></span>
</body>
</html>
我希望看到两个警告标志,但我看到了第一个。第二个被妥善隐藏了。
最佳答案
内联注释在 CSS 中不起作用,所以你有
.show_x
{
visibility: visible;
}
// <-- invalid CSS
.hide_x
{
visibility: hidden;
}
这可能会使浏览器停止处理该 CSS block ,方便地就在两者中更可见(或更不可见)之前......无论如何,当它隐藏东西时应用时更容易看到......你得到我的意思。
在 CSS 中我们只能使用 block 注释 /**/
,这是一个简单的错误。
关于html - 不应用 CSS 类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53857650/