• Trouver soi-même un sélecteur CSS

    Tout est dans le titre, si vous cherchez un sélecteur CSS que vous ne connaissez pas, vous pouvez soit regarder si le sélecteur n'est pas dans cette liste, soit le chercher vous-même sur votre blog avec cette méthode :

     

    1- Clic droit sur l'élément dont vous souhaitez connaître le secteur.

    2- Puis, "Examiner l'élément", et une barre d'information s'ouvre en bas de page.

    Pour mon exemple, je vais chercher le sélecteur du titre de mon module "Informations" dans le menu de droite. Ce qui me donne ça :

    Trouver sois-même un sélecteur

    Sur la ligne surlignée en bleu, il y a deux sélecteurs, le premier avec des chiffres a la fin et le deuxième sans.

    #module_menu_titre151307498, lorsqu'un sélecteur se termine avec un chiffre comme ça (en rouge), c'est qu'il s’agit d'un élément en particulier, dans ce cas, mon module "informations".  

    #module_menu_titre, lorsqu'il n'y a pas de chiffre et que le sélecteur est simple, c'est qu'il s'agit d'un élément en général, dans ce cas, tous les titres des modules dans le menu.

    Donc pour résumer, si je souhaite modifier tous les titres de modules et les rendre identiques, il me suffit d'utiliser #module_menu_titre et si je souhaite que le titre de mon module "informations" soit différent des autres, je devrais utiliser #module_menu_titre151307498

    Pour copier un sélecteur, vous pouvez soit :

    - faire clic droit sur le sélecteur puis "Copier" > "Le sélecteur CSS"

    - soit, le recopier manuellement.


    Tags Tags : ,
  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires

    Vous devez être connecté pour commenter