Question

似乎没有识别或应用我在文档开头定义的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>

我希望都不会看到警告信号，但是我会看到第一个警告信号。第二个已正确隐藏。

Answer 1

内联注释在CSS中不起作用，因此您拥有

<vue-video-background videoSrcMp4="path/to/your/video/file-this_value_to_be_random.mp4"></vue-video-background>

这可能会使浏览器停止处理CSS块，很方便地就在这两个CSS块中可见度更高（或更不可见）之前……反正在应用时会更容易看到它，因为它隐藏了东西……您得到我的意思。

在CSS中，我们只能使用块注释.show_x { visibility: visible; } // <-- invalid CSS .hide_x { visibility: hidden; }，这是一个简单的错误。

Answer 2

1 is an integer
1.1 is not an integer
1e0 is not an integer
0x1 is not an integer

不应用CSS类？

2 个答案: