• 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}


    Tags Tags : , , , ,
  • Commentaires

    1
    Samedi 3 Décembre 2011 à 14:13

    Merci :)

    Oh pour les visiteurs tu as fait comme moi sur mon blog Harumika ^^

    2
    Samedi 3 Décembre 2011 à 14:21

    ça faisait un moment que j'était pas passé sur ton blog harumika ^^'

    Très sympa l'effet des coin arrondis avec la transition =)

    3
    Samedi 3 Décembre 2011 à 14:24

    Merci !

    4
    Ai Yue Profil de Ai Yue
    Vendredi 16 Décembre 2011 à 12:54

    Pour le dernier code, ce serait pas plutôt :

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

    5
    Samedi 17 Décembre 2011 à 13:36

    Exact. J'ai oublié de corriger ^^'

    6
    Ai Yue Profil de Ai Yue
    Samedi 17 Décembre 2011 à 13:38

    Je comprends, ça arrive à tout le monde ce genre de choses. :)

    7
    Samedi 17 Décembre 2011 à 13:41

    Merci de l'avoir signalé =)

    8
    Ai Yue Profil de Ai Yue
    Samedi 17 Décembre 2011 à 13:46

    Derien et merci à toi pour le code css ! :D

    9
    Yuun Profil de Yuun
    Samedi 4 Février 2012 à 20:10

    Est-ce-que mon CSS est juste ? :

    sélecteur p:first-letter {text-shadow0px 0px 15px #000000;
        font-size15px

    10
    Samedi 4 Février 2012 à 20:29

    Enlève "sélecteur" est c'est bon ;)

    11
    Yuun Profil de Yuun
    Samedi 4 Février 2012 à 20:34

    -.-"" //CASOS// Pardon je ne l'avais pas vu 

    12
    Yuun Profil de Yuun
    Samedi 4 Février 2012 à 20:35

    Et est-ce-que l'on peut faire ce CSS sur les images ?

    13
    Samedi 4 Février 2012 à 20:50

    ... Ben non, c'est pour modifier du texte, ça ne peut pas marcher sur des images ;)

    14
    Yuun Profil de Yuun
    Samedi 4 Février 2012 à 20:57

    Enfin non mais avoir par exemple une image avec les coins arrondis et au survole de la sourie l'image redevient progressivement normal

    15
    Aikya Profil de Aikya
    Vendredi 8 Juin 2012 à 15:38

    Oui c'est possible ^^

    16
    Samedi 23 Juin 2012 à 23:21

    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 {colorblack;
        text-shadow1px 0px 10px white;
    font-size18px;}

    17
    Vendredi 6 Juillet 2012 à 23:16

    je n'ai pas essayé, mais peut-être avec une virgule?: 

    p:first-linefirst-letter {colorblack;
        text-shadow1px 0px 10px white;
    font-size18px;}

    18
    Vendredi 6 Juillet 2012 à 23:17

    sinon, un truc au pif qui a une chance sur 1000 de marcher:

    p:first-letter of first-line {colorblack;
        text-shadow1px 0px 10px white;
    font-size18px;}

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    19
    Samedi 7 Juillet 2012 à 11:38

    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 {colorblack;

        text-shadow1px 0px 10px white;
    font-size18px;}

    20
    Samedi 7 Juillet 2012 à 14:57

    faut tout tenter (1 chance sur 1 000 000):

    p:first-letter de la first-line

    21
    Samedi 7 Juillet 2012 à 15:37

    X'DD nan celui-là c'est aucune chance de marcher puisque le code c'est en anglais x'D

    22
    Samedi 7 Juillet 2012 à 15:58
    23
    Dimanche 28 Octobre 2012 à 13:25

    Normalement avant s'etait marquer deposer vos code?Mais on peut paas les poser

    24
    milari-pullip Profil de milari-pullip
    Samedi 24 Novembre 2012 à 08:41

    Merci :D

    25
    Dimanche 7 Février 2016 à 15:47

    @groovie : Tente ça pour voir :

    #body p:first-line {colorblack;
        text-shadow1px 0px 10px white;
    font-size18px;}

    Je pense que la première lettre du texte reviens à la première lettre de la première ligne non ????

    26
    Mercredi 30 Août 2023 à 10:49

    Bouh t'es dans la filière des métiers de l'ordinateur ? Car c'est assez compliqué pour moi X_X

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :