Esiste un selettore CSS standard simile a: eq() in jQuery?

Question

Non so se c'è un selettore CSS può fare lo stesso come la linea di seguito (codice jQuery):

.tab_cadre_central .top:eq(0) table tbody tr td table tbody tr:eq(3) 

ho provato in CSS qualcosa di simile:

.tab_cadre_central .top::nth-child(0) table tbody tr td table tbody nth-child:eq(3) { 
    display:none; 
} 

ma non ha funzionato

Answer 1

Mentre il :eq() jQuery utilizza 0 a base di indicizzazione, :nth-child() utilizzi 1 a base di indicizzazione, quindi è necessario incrementare gli indici in modo appropriato:

.tab_cadre_central .top:nth-child(1) table tbody tr td table tbody tr:nth-child(4) 

Ma si dovrebbe davvero pensare a refactoring che il selettore ...

---

⚠ Vale la pena notare che sebbene :eq() e :nth-child() possano comportarsi in modo simile, non sono certamente uguali. :eq() selezionerà l'elemento esimo n + 1 nel set, mentre :nth-child() selezionerà tutti elementi del set che sono il n ° figlio dei rispettivi genitori. ⚠

<div> 
    <span></span> 
    <span></span> 
</div> 
<div> 
    <span></span> 
</div> 

Il selettore div span:nth-child(1) preleverà due elementi, mentre div span:eq(0) selezionerà sola.