2017-09-02 168 views
3

看起来电子将不允许选择器,如:first-child:nth-child
例如,对于下面的HTML:电子选择器:第一个孩子和第n孩子

<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; 
} 

电子将只是没有执行CSS,因此第一<div>仍然会出现。

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

+0

是什么铬版本? –

+0

看起来有点奇怪,我不认为这样的选择器是被禁止的。根据navigator.userAgent',最差情况下,您的元素使用'.tabs#first'或其他类 – Fotis

+0

@FastSnail 58.0.3029.110。 – avi12

回答

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> 

现在第一胎会work.tested和工作 我觉得现在的原因是第一个是它的第一个孩子的父母

+0

这将做到这一点。非常感谢! – avi12