HTML 5 & CSS 3

Utilisation du couple html 5 / CSS 3 - test de certaines propriétés CCS3

Les sélecteurs

:nth-child

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
   
   
   
   

 

Séléction d’éléments par la valeur d’un de leurs attributs

[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.