Javascript Girl
  1. Javascript Girl
  3. Différent style CSS sur des lignes impaires et uniformes
Intereting Posts
Comment lier l'attribut src de l'élément <script> dans AngularJS "L'objet n'est pas une fonction" lors de la sauvegarde de function.call à une variable La souris à gauche de l'écran déplace l'image vers la gauche, la même chose lorsque la souris à droite de l'écran PostMessage dans PhoneGap ne fonctionne pas – iframe to parent messaging Comment tester un arbre d'appels de fonction pure isolés? IndexedDB and Relationships Extraire des champs d'une section javascript d'un document HTML en tables? Coordonnées géographiques Cordon Multiligne JavaScript Quel est le meilleur moyen de précharger plusieurs images en JavaScript? Obtenir la valeur par défaut d'une entrée en utilisant jQuery L'appel de déclenchement de l'API Calendrier Office 365 à l'application en fonction de la création de l'événement Classic ASP: comment convertir un RecordSet en notation json en utilisant la mise en œuvre d'AX json JQuery AJAX JSONP erreur "jeton inattendu" Qu'est-ce que le "|" (single pipe) fait en JavaScript? Pourquoi je ne peux pas démarrer le mode harmonie par "node –harmony test.js" à partir de la ligne de commande?

Différent style CSS sur des lignes impaires et uniformes

Est-il possible, en utilisant uniquement CSS, de définir différents styles sur des lignes impaires et égales pour une table générée dynamiquement sans que je définisse le style correct sur chaque ligne lorsque je itère la collection?

Je ne suis pas sûr que cela fonctionnera dans un navigateur croisé, je préférerais jQuery moi-même, mais css, cela devrait faire l'affaire: 

 tr:nth-child(even) { ... } tr:nth-child(odd) { ... }

Vous pouvez utiliser le sélecteur nth-child http://reference.sitepoint.com/css/pseudoclass-nthchild , bien qu'il ne soit pas pris en charge par tous les navigateurs.

Vous pouvez également utiliser jquery comme décrit Quelle est la meilleure façon de style de lignes alternées dans une table?

Vous pouvez le faire avec CSS3. 

 tr:nth-child(2n+1) /* targets all odd rows */ tr:nth-child(2n) /* targets all even rows */

Vous pouvez simplement utiliser jquery et ajouter une classe pour des lignes impaires comme 

 $("tr:nth-child(odd)").addClass("odd");

Et le style en utilisant css comme 

 .odd{background-color:#657383}