Combinant à la fois :non() sélecteurs CSS

Je suis en train de sélectionner tous les tr éléments à l'intérieur d'un table, à l'exception de la troisième et de la quatrième. J'ai réussi à le faire en utilisant:

#table tr:not(:nth-child(3)):not(:nth-child(4))

J'aimerais combiner ces sélecteurs parce que j'ai quelques plus :nth-child entrées. Quelque chose comme cela, mais il ne fonctionne pas:

#table tr:not(:nth-child(3), :nth-child(4))

Ce ne travail en jQuery, mais pas dans le CSS. Je suis en utilisant google Chrome (et je n'ai plus besoin d'y travailler).

Je n'ai pas été en mesure de trouver une combinaison de sélecteur pour ce cas. Comment puis-je combiner des sélecteurs avec :not?

InformationsquelleAutor pimvdb | 2011-09-13
  1. 32

    Sélecteurs de niveau 3 ne permet pas de rien de plus que d'un seul simple sélecteur dans un :not() pseudo-classe. Comme un sélecteur jQuery, il fonctionne parce que jQuery étend son :not() fonctionnalité pour permettre à tout le sélecteur de (comme le .not() méthode).

    Cependant, votre deuxième syntaxe est l'un des projets de les améliorations apportées à :non() dans les Sélecteurs 4, et fonctionne de manière équivalente à la première. Bien que l'exemple (voir à ce jour de toute façon) montre une chaîne de :not() sélecteurs, la proposition dit:

    La négation de la pseudo-classe :non(X), est une fonctionnelle de la notation de prendre une liste de sélection d'un argument. Il représente un élément qui n'est pas représentée par son argument.

    Ici une liste de sélection est tout simplement une liste séparée par des virgules des sélecteurs.

    Si vous avez besoin de nier les sélecteurs qui contiennent combinators (>, +, ~, l'espace, etc, par exemple div p), vous ne pouvez pas utiliser :not() en CSS; vous aurez à aller à l'jQuery solution.

    • Merci, le cahier des charges, en effet, indiquer clairement les différences entre les CSS3 et CSS4.
    • Votre remarque à propos de :not ne supportant pas les combinators a été utile pour moi. Merci.
    InformationsquelleAutor BoltClock
  2. 3

    Bien que l'marqué réponse est vrai, je tiens juste à préciser que vous pouvez obtenir ce que vous désirez à l'aide de css aussi, mais juste d'une manière différente. Au lieu d'utiliser des pas vous pouvez les sélectionner et d'annuler les trucs que vous ne voulez pas.

    #table tr {
    /* general case styling */
    color: blue;
}
#table tr:nth-child(3),
#table tr:nth-child(4) {
    color: black;
}
    InformationsquelleAutor OZZIE