对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 .bOR.c