Electron - 选择器 :first-child 和 :nth-child答案

【问题标题】：Electron - Selectors :first-child and :nth-childElectron - 选择器 :first-child 和 :nth-child
【发布时间】：2017-09-03 05:53:46
【问题描述】：

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> 仍会出现。

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

【问题讨论】：

什么是chrome版本？
看起来有点奇怪，我不认为这样的选择器是被禁止的。最坏的情况是使用.tabs#first 或元素的附加类
@FastSnail 58.0.3029.110，根据navigator.userAgent。
@Fotis 除了使用.tabs#first，还有什么解决方案吗？如果有的话，我什至会通过 npm 安装一个节点包来使用这个功能。
@avi12 electron chrome 版本？你检查过 electron > 切换开发者工具吗？

标签： javascript css-selectors electron

【解决方案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>

现在第一个孩子将工作。经过测试并工作我认为现在的原因是第一个是它的父母的第一个孩子

【讨论】：