2017-09-02 2 views
3

Il semble que Electron n'autorise pas les sélecteurs tels que :first-child et :nth-child.
Par exemple, pour le code HTML suivant:Electron - Sélecteurs: first-child et: nth-child

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

Et le CSS suivant:

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

électronique serait tout simplement pas exécuter le CSS, donc la première <div> aurait encore apparaître.

Comment puis-je résoudre ce problème?
Merci!

+0

ce qui est la version chromée? –

+0

Cela semble un peu étrange, je ne pense pas que de tels sélecteurs sont interdits. Dans le pire des cas, utilisez '.tabs # first' ou une classe supplémentaire à vos éléments – Fotis

+0

@FastSnail 58.0.3029.110, en fonction du' navigator.userAgent'. – avi12

Répondre

1

vous pouvez envelopper vos divs l'intérieur d'un parent comme celui-ci

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

maintenant premier enfant work.tested et travailler je pense que la raison est maintenant premier est le premier enfant avec son parent

+0

Cela fera l'affaire. Merci beaucoup! – avi12