Skip to content

CSS 两个类选择器之间有无空格的区别

html
<head>
  <style type="text/css">
    .a.b {
      font-size: blue;
    }
    .a .b {
      background: pink;
    }
  </style>
</head>
<body>
  <div class="a b">类选择器同时拥有a , b的div标签</div>
  <div class="a">
    类选择器为a的div标签
    <div class="b">类选择器为a包含b的div标签</div>
  </div>
</body>

.a.b 中间没有空格, 选择同时拥有 a , b 两个 class 的元素。

.a .b 中间有空格,选择 class a 包含 class b 的元素。

Release time: 3/28/2022, 4:37:00

Last updated:

⟣ Growing, with you. ⟢