Question

在我的css文件中，.a.b与.a .b不同？

这是一个简单的问题，但它总是让我烦恼。我试了一下，但想到我会把它贴在这里，以防这作为参考。

Answer 1

在我的css文件中，.a.b不同于.a .b？

是

.a.b是两个类的一个或多个元素。

<div class="a b">(target)</div>

.a .b是一个或多个带有类b的元素，其中任何父元素都带有类a

<div class="a"><div class="b">(target)</div></div>

甚至

<div class="a">
  <div>
    <div>
      <div class="b">(target)</div>
   </div>
   <div class="b">(target)</div>
   <div class="b">(target)
     <div class="b">(target)</div></div>
  </div>
</div>

他们非常不同。

我从右到左选择示例.a .b中的方向，因为所有.b元素都是将成为CCS目标的元素。

此外，您甚至可以为我的第一个示例div.a.b和第二个示例div.a div.b。

Answer 2

.a.b表示“包含课程a和课程b的元素”

示例：
```
<div class="a b">(element)</div>
```

.a .b表示“具有类b的元素，其父级或祖父级或祖父母级等具有类a”

示例：

<div class="a">
  <div class="b">(element)</div>
</div>

<div class="a">
  <div class="c">
    <div class="b">(element)</div>
  </div>
</div>

Answer 3

YES！他们是不同的！

.a.b是包含a和b

类的元素

<span class="a b"></span>

.a .b是a是班级b的父级或更高级别的元素

<span class="a">
    <span class="b">
    </span>
</span>

CSS中的.a.b与.a .b不同？

3 个答案: