Eklablog
Editer l'article Suivre ce blog Administration + Créer mon blog

Pseudo-element

Les pseudo-element, qu'est-ce que c'est? Ce sont d'autres élément css qui vont permettre d'affiner le style de certaines classe

Pseudo-element dynamique:

hover => lors du survole

sélecteur:hover {propriété: valeur}


active => Lors du clique

sélecteur:active {propriété: valeur}


focus => Séléctionné avec le clic ou par tabulation

sélecteur:focus {propriété: valeur}



Pseudo-element de liens
Ne peuvent s'utiliser qu'avec des liens

link => Lien n'ayant pas encore été visité

sélecteur a:link {propriété: valeur}


visited => Lien ayant été visité

sélecteur a:visited {propriété: valeur}



Pseudo-element de texte
Ne peut s'utiliser qu'avec du texte

first-line => Applique un style spécial à la première ligne du texte

sélecteur p:first-line {propriété_de_texte: valeur}


first-letter => Applique un style spécial a la première lettre du texte

sélecteur p:first-letter {propriété_de_texte: valeur}

Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
J
Bouh t'es dans la filière des métiers de l'ordinateur ? Car c'est assez compliqué pour moi X_X
Répondre
G
@groovie : Tente ça pour voir :<br /> #body p:first-line {color: black;    text-shadow: 1px 0px 10px white;font-size: 18px;}<br /> Je pense que la première lettre du texte reviens à la première lettre de la première ligne non ????
Répondre
M
Merci :D
Répondre
R
Normalement avant s'etait marquer deposer vos code?Mais on peut paas les poser
Répondre
É
XD!!!
Répondre