-
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 survolesélecteur:hover {propriété: valeur}
active => Lors du cliquesélecteur:active {propriété: valeur}
focus => Séléctionné avec le clic ou par tabulationsé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 textesélecteur p:first-line {propriété_de_texte: valeur}
first-letter => Applique un style spécial a la première lettre du textesélecteur p:first-letter {propriété_de_texte: valeur}
Tags : classe, tete, selecteur, propriete, valeur
-
Commentaires
ça faisait un moment que j'était pas passé sur ton blog harumika ^^'
Très sympa l'effet des coin arrondis avec la transition =)
Pour le dernier code, ce serait pas plutôt :
sélecteur p:first-letter {propriété_de_texte: valeur;}
Est-ce-que mon CSS est juste ? :
sélecteur p:first-letter {text-shadow: 0px 0px 15px #000000;
font-size: 15px}Enfin non mais avoir par exemple une image avec les coins arrondis et au survole de la sourie l'image redevient progressivement normal
n_n comment on fait pour personnaliser la 1ère lettre de la 1ère ligne x'D ? Là j'ai ça et ça marche pas :
p:first-line:first-letter {color: black;
text-shadow: 1px 0px 10px white;
font-size: 18px;}je n'ai pas essayé, mais peut-être avec une virgule?:
p:first-line, first-letter {color: black;
text-shadow: 1px 0px 10px white;
font-size: 18px;}sinon, un truc au pif qui a une chance sur 1000 de marcher:
p:first-letter of first-line {color: black;
text-shadow: 1px 0px 10px white;
font-size: 18px;}aucun des 2 x'D le premier ça fait tout une phrase et le deuxième ça marche pas x'D (dommage avec le of x'D)
j'viens même d'essayer x'D
p:first-line's first-letter {color: black;
text-shadow: 1px 0px 10px white;
font-size: 18px;}@groovie : Tente ça pour voir :
#body p:first-line {color: black;
text-shadow: 1px 0px 10px white;
font-size: 18px;}Je pense que la première lettre du texte reviens à la première lettre de la première ligne non ????
Bouh t'es dans la filière des métiers de l'ordinateur ? Car c'est assez compliqué pour moi X_X
Ajouter un commentaire
Merci :)
Oh pour les visiteurs tu as fait comme moi sur mon blog Harumika ^^