javascript - Electron - 选择器 :first-child and :nth-child

Question

Electron 似乎不允许使用 :first-child 这样的选择器和 :nth-child .
例如，对于以下 HTML:

<div class="tabs" id="first">Block 1</div>
<div class="tabs" id="second">Block 2</div>
<div class="tabs" id="third">Block 3</div>

以及以下 CSS:

.tabs:first-child {
    display: none;
}

Electron 不会执行 CSS，因此第一个 <div>仍然会出现。

我该如何解决这个问题？
谢谢!

Answer 1

你可以像这样将你的 div 包裹在父元素中

 <div>
            <div class="tabs" id="first">Block 1</div>
            <div class="tabs" id="second">Block 2</div>
            <div class="tabs" id="third">Block 3</div>
 </div>

现在第一个 child 可以工作了。经过测试和工作 我认为原因现在是第一个是它 parent 的第一个 child