问在css中，斜杠/在选择器名称中做什么？
EN

Stack Overflow用户

提问于 2022-09-24 07:35:36

回答 1查看 33关注 0票数 0

这是代码，有人能解释一下它是如何工作的吗？

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

css

css-selectors

回答 1

Stack Overflow用户

发布于 2022-09-24 08:11:37

\用作转义序列。请参考这了解更多信息。

这些CSS类名可以在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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/73835500

复制

相似问题

问在css中，斜杠/在选择器名称中做什么？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在css中，斜杠/在选择器名称中做什么？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在css中，斜杠/在选择器名称中做什么？
EN