Je ne suis pas très bon avec CSS et j'ai besoin d'aide.
J'ai une table où je veux que toutes les autres rangées soient grises et que les rangées alternées soient blanches. mais je veux seulement que cela se produise sur une table particulière.
J'ai ajouté du code à mon CSS: mais le problème est que son affectant chaque table sur mon site.
Je n'ai trouvé aucun exemples où il s'applique uniquement à une certaine classe. Est-ce possible? Je veux que cela s'applique uniquement à:
3 Réponses :
Utilisez le Combinateur de descendance CSS (Juxtaposition) comme d'habitude:
table.dashboardtable tr:nth-child(even) table.dashboardtable tr:nth-child(odd)
Merci! C'est exactement ce dont j'avais besoin. Pour une raison quelconque, je mettais un point entre DashboardTable et TR. quelle erreur muette. MDR.
J'imagine que cela pourrait être une bonne idée d'utiliser table.dashboardtable> tr: nth-enfant (le sélecteur enfant > ), de sorte que si vous avez des tables imbriquées, cela ne 's'appliquer accidentellement à ceux-ci.
Habituellement, vous souhaitez utiliser nth-enfant et NT-de type accepter impair et même ainsi qu'une formule comme an + b , où a et b sont des constantes. Nth-of-Type , qui s'appliquera uniquement au type que vous spécifiez. Cela laissera d'autres éléments. Si vous voulez que chaque même trût ait cette couleur de fond, essayez:
ive seulement essayé avec FF3, mais étrange et travaille même pour moi. Il est mal basculé vers la formule juste au cas où il y a des navigateurs qui ne soutiennent cependant pas les mots. Merci!
J'espère que cela lui donne un sens.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#customers tr:nth-child(even){
background-color:white;
}
#customers tr:nth-child(odd){
background-color:Lavender;
}
</style>
</head>
<body>
<p>In your markup define your table:</p>
<table id="customers"></table>
</body>
</html>