Utilisation du couple html 5 / CSS 3 - test de certaines propriétés CCS3
Pour colorer une ligne sur deux sur un tableau, jusqu'a présent il fallait utiliser du Javascript.
On a maintenant une méthode bien plus simple le sélecteur :nth-child :
table tr:nth-child(odd){
background-color:#EEF;
}
On utilise “odd” pour les « chiffres impairs » et “even” pour les chiffres pairs.
| Mon tableau | |
|---|---|
[attribut^="valeur"] sélectionne les éléments dont l’attribut spécifié commence par une certaine valeur.
Voici un exemple d’utilisation :
<a href="../../mythologie/dieux-olympes.php">Les dieux de l'olympe (lien interne)</a>
<a href="http://www.alsacreations.com/" target="_blank">www.alsacreation (lien externe)</a>
a[href^="http://"] {
background-color:red;
color:white;
padding:2px 5px;
}
Cela colorera uniquement les lien externes.