1
Y at-il une version du code css3 ci-dessous qui fonctionnera dans tous les styles?Couleurs alternatives de la table CSS
table tr:nth-child(odd) { background-color: #ccc; }
A
Répondre
5
No.
Vous avez au moins deux options, bien que:
Appliquer manuellement un style à l'impair (et/ou) même les lignes et le style de celles de façon appropriée:
tr.odd {background-color: #ccc; }Utilisez JS (je suggère jQuery):
$('tr:nth-child(odd)').css('background-color','#ccc');ou$('tr:nth-child(odd)').addClass('odd')(l'un de ces éléments doit être dans un$(document).ready();(ou équivalent) ough, évidemment).
+1
+1. J'utilise jQuery pour styliser le mien. Quelque chose comme '$ ('table.striped> tbody> tr: impair> td'). AddClass ('impair');' –
+0
permettez-moi de corriger cela, mon script php génère des tables séparées Alors, comment dois-je faire quelque chose dans le code PHP pour lui dire une autre table définir une couleur de fond? – acctman
+0
Vous voulez une couleur de fond différente sur les * tables * en alternance? –
0
Non, sauf si vous modifiez le DOM (par exemple pour ajouter une classe à toutes les autres lignes), que ce soit dans le balisage d'origine ou avec JS après que le contenu a été chargé. (Même dans ce cas, il ne prendra toujours pas en charge les navigateurs , car tous les navigateurs ne prennent pas en charge CSS, et tous les navigateurs ne l'ont pas activé).
Questions connexes
- 1. jquery tablesorter plugin - conserver les couleurs de ligne alternatives
- 2. deux couleurs de css h1
- 3. combinaisons de couleurs pour css
- 4. Nom de la table CSS
- 5. CSS ajuster la taille de la table
- 6. CSS - affichage: table-rangée?
- 7. couleurs alternantes dans le tableau en jsp en utilisant le CSS
- 8. Lien css problème de schéma de couleurs différentes
- 9. Avertissements CSS-Les mêmes couleurs sont utilisées pour les couleurs et les couleurs de fond dans les 2 contextes
- 10. Positionnement de la ligne de la table de débordement CSS
- 11. GUI CSS parser/editor pour les couleurs de liens
- 12. Outil pour éditer le jeu de couleurs CSS
- 13. Reset CSS de table border
- 14. Chemin CSS pour aligner horizontalement la table
- 15. sélecteur de couleurs (palette de couleurs) montrant toutes les couleurs
- 16. CSS style table comme
- 17. Bordure de la table CSS chevauchant la bordure de la table
- 18. Couleurs de la console (Windows)
- 19. Dans IE6, Quelles sont les alternatives à afficher: inline-block, table, table-row. table-cellule?
- 20. Comment modifier les couleurs de la barre de défilement du navigateur à l'aide de CSS?
- 21. CSS: La tête de table semble plus petite que le corps de la table
- 22. jQuery couleurs de ligne de tableau alternatif pour une table spécifique
- 23. Modification uniquement de la couleur du contenu de la table en utilisant css et javascript
- 24. Fond CSS avec 2 couleurs qui s'étendent sur leurs côtés?
- 25. HTML/entrée CSS/textarea, texte par défaut, et les couleurs
- 26. Hérite de la couleur du parent et exécution de l'ombrage des couleurs dans CSS
- 27. Alternatives à la fonction d'en-tête de PHP
- 28. Alternatives à la suite dotfuscator?
- 29. MappedSuperclass Alternatives dans Grails
- 30. Firefox table css générer tbody tuer la largeur de la table
Je ne m'embêterais pas trop à ce sujet. Il fonctionne sur tous les principaux navigateurs IE (IE9 le supporte bien) et ne pas avoir de couleurs alternatives n'est pas un gros prix à payer pour utiliser IE en premier lieu. – casablanca