Éléments utiles peu utilisés en CSS:

Intro

Toute personne ayant des bases en css connaît les sélécteurs : hover ou bien :link et :visited. Il existe cependant une liste non négligeable de sélecteur pouvant rendre de gros services.

Mise en forme de texte :

L.indentation :

Lorsque vous écrivez de longs paragraphes, il est bon d.utilise l.indentation sur le début du texte afin de faciliter la lecture.

Nous pouvons par exemple imbriqué deux sélécteurs ":first-of-type" et ":first-letter" pour effectuer un effet de style similaire à l'indentation.

De façon plus traditionnelle, nous pouvons utiliser des indentations pour tous les paragraphes via text-indent.

   p :first-of-type :first-letter 
   {
         display:block;
         margin:2px;
        border:1px solid black;
        color:red;
        float:left;
        font-weight:bold;
        padding:5px;
   }

Voici un texte de longueur relativement longue montrant un exemple de combinaison de selecteurs.

Les liens :

La possibilité des personnaliser les liens est peu utilisée sur les pages web.

Les sélecteurs proposent des nombreux outils permettant de modifier l.apparence selon les attributs. Par exemple a[href^="http://"] désignera tout les liens externes http de votre page ; de même a[title] désignera tout les liens ayant un attribut title.

     a
     {
        text-decoration:underline;
	color: blue;
     }
     a[href^="http://]
     {
       text-decoration:none;
       color: red;
     }

Voici un exemple de externe et de lien interne.

Les formulaires :