mozilla
Vos résultats de recherche

    :target

    Résumé

    La pseudo-classe CSS :target représente l'élément unique, s'il existe, avec un id correspondant au fragment dans l'URI du document.

    Les URI avec des fragments lient à un certain élément au sein du document : l'élément clble (target). Pour exemple, voici une URI pointant vers l'ancre nommée section2 : http://example.com/folder/document.html#section2
    Cette ancre peut être n'importe quel élément avec un attribut id, par exemple <h1 id="section2">. L'élément cible h1 peut être représenté par la pseudo-classe :target.

    Note : L'attribut id était nouveau dans HTML 4 (décembre 1997). Dans les anciens codes HTML, <a name="foo"> était un élément cible pour un lien. La pseudo-classe :target s'applique aussi à ces éléments.

    Exemple

    :target {
      background: gold;
      color: red;
    }
    
    /* Lorsque l'on cliquera sur le lien, la cible aura un fond couleur or et le texte sera de couleur rouge */
    

    Spécifications

    Compatibilité des navigateurs

    Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Support de base 1.0 Unknown (1.3) 9 9.5 1.3
    Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Support de base 2.1 1.0 (1.3) 9.0 9.5 2.0

     

    Étiquettes et contributeurs liés au document

    Contributors to this page: the prisoner, tregagnon, teoli, FredB
    Dernière mise à jour par : teoli,
    Masquer la barre latérale