css 中的选择器名称中的斜线/做什么 [重复]

Question

这个问题在这里已经有了答案：

哪些字符在 CSS class 名称/选择器中有效？ (11 个回答)

5 小时前关闭。

这是代码，有人可以解释它是如何工作的。

.top-2\.5{
   top:0.625rem;
}
.top-1\/2{
   top:50%;
}

Answer 1

\用作转义序列。 请参阅此以了解更多信息。

那些CSS class 名称可以在HTML标签中引用如下：

<body>
  <h1 class = "top-1/2">My First Heading</h1>
  <p class = "top-2.5">My first paragraph.</p>
</body>

完整代码参考：

<!DOCTYPE html>
<html>
<head>
<style>
  .top-2\.5{
     top:0.625rem;
     color: red;
  }
  .top-1\/2{
     top:50%;
     color: blue;
  }
</style>
<title>Page Title</title>
</head>

<body>
  <h1 class = "top-1/2">My First Heading</h1>
  <p class = "top-2.5">My first paragraph.</p>
</body>
</html>