html - 对 css 名称感到困惑

Question

CSS:

.a .b { position: relative; }
.c { position: relative; }

然后我想如果我这样写它会以同样的方式工作:

.a .b .c { position:relative； }

然而，它没有，它对.c没有影响。那么，为什么当我将它们放在一起时它不起作用？

Answer 1

你想要的是

.a .b, .c { position: relative; }

.a .b .c 期望这样

<div class="a">
    <div class="b">
        <div class="c"></div>
    </div>
</div>

有逗号表示 .a .b 或 .c