Question

我以为我知道这一点。一个包装器div（.p - div）中有三个div s（.service-box）

你如何定位三个内div的第一个（或任何一个）？

这样做，显示结构正确，将删除所有内部div。

div.p-div > div.service-box { display: none!important;}

我无法定位第一个内部div。

我已尝试first-child，nth-of-type(1)，nth-child(1)

我注意到nth-of-type(1n)删除了所有内部div，就像第一个CSS行一样。虽然nth-of-type(2n)删除了所有但第二个内部div。基本上与我期望的相反（将显示：仅应用于第二个div，保留其他{/ p>）

要说我有点困惑。可以直接编辑HTML但是我认为我们已经过去你知道吗？

Answer 1

.p-div > .service-box:first-of-type {
    background-color: red;
}

让.p-div的孩子拥有班级.service-box，然后只选择第一个孩子。

.p-div可以是任何内容：some-selector > .service-box:first-of-type