L'effet que nous voulons réaliser est d'ajouter une petite icône à tous les liens qui pointent vers ce site pour indiquer à l'utilisateur que cliquer sur ce lien vous fera quitter ce site, qui est un lien externe. Bien sûr, cela peut être réalisé via JavaScript plus complexe, mais nous pouvons désormais implémenter cette fonction via des sélecteurs de propriétés CSS 3.
a [href ^ = "http:"] {{
Contexte: URL (images / externallink.gif) sans répétition du haut de droite;
Padding-droite: 10px;
}
Le code ci-dessus signifie: tous les liens qui commencent avec HTTP: L'icône d'une petite flèche sera ajoutée, indiquant que l'utilisateur est un lien externe. On peut dire que cette fonction est très amicale et met en évidence la facilité d'utilisation de la conception Web.
Bien sûr, ceci est utilisé pour les liens vers ce site. Si le lien pointant vers ce site est également au début, ou si vous utilisez l'adresse absolue et l'adresse relative? Nous pouvons utiliser le code suivant:
a [href ^ = "http:"] {{
Contexte: URL (images / externallink.gif) sans répétition du haut de droite;
Padding-droite: 10px;
}
a [href * = "www.dudo.org"] {{
Contexte: aucun;
rembourrage: 0;
}
Les deux règles ci-dessus sont les suivantes: toutes les icônes avec des liens externes avec HTTP: Démarrer, suivi de http://www.dudo.org/ Il n'y aura pas d'icône Arrow.
Source de l'article: http://www.dudo.org/article/cssjs/use_new_of_css.htmm