[Résolu] CSS personnalisé ou thème enfant ? (Créer un compte)

  • WordPress :6.1
  • Statut : résolu
8 sujets de 16 à 23 (sur un total de 23)
  • Auteur
    Messages
  • #2435417
    Broussaille
    Participant
    Chevalier WordPress
    297 contributions

    Bon, ben c’est Flobogo qui remporte la manche ! Le !important fonctionne. Par contre pour revenir à la question du cache du navigateur, je bosse en fenêtre privée (sur Firefox la plupart du temps), donc il me semble que le cache est supprimé dès la fermeture de la fenêtre, et pourtant ça n’a pas l’air d’être le cas. Les changement effectués ne sont pris en compte qu’après fermeture du navigateur et redémarrage. Étonnant, non ?

    Bon allez, bonne journée à vous deux et merci.

    #2435545
    Flobogo
    Modérateur
    Maître WordPress
    19084 contributions

    je n’ai pas tenté le !important. C’est généralement pas « recommandé », d’après ce qu’en disent les pros, et les inspecteurs du code !

    Je crois qu’il ne faut pas en abuser, mais j’avoue que je ne sais pas pourquoi (peut-être pour ne pas alourdir de quelques nanos-micros octets le poids du fichier CSS ??). Mais puisque ça fonctionne … 😉

    Pour ce qui est du cache en navigation privée, aucune idée. (je n’utilise pas la navigation privée … )

    * * * * * * * * * * * * * * * * * *

    PS : il me semble qu’avant on se tutoyait,

    Possible … J’ai pris pour habitude de vouvoyer toutes les personnes sur le forum …

    PS 2 : bonjour à Philyon.

    OK, on lui dira.

    #2435546
    Broussaille
    Participant
    Chevalier WordPress
    297 contributions

    Je crois qu’il ne faut pas en abuser, mais j’avoue que je ne sais pas pourquoi (peut-être pour ne pas alourdir de quelques nanos-micros octets le poids du fichier CSS ??

    Oui c’est la folie de l’époque, il faut que tout soit de plus en plus rapide ! Pure conn…ie AMHA, mais bon… y’a du boulot…

    Mais tout ceci est une autre histoire.

    Je vais de ce pas ouvrir un autre sujet, j’ai un souci avec mes articles. Donc je vous salue…

    #2435555
    ferman
    Participant
    Maître WordPress
    5825 contributions

    Non, ce n’est pas pour la rapidité mais parce que ça casse la cascade des feuilles de style (en cascade).  Avec un !important en amont, il devient très difficile de modifier les CSS en aval (à moins de mettre un !important) et là on n’en finit plus. Si PhiLyon fréquentait encore le forum il s’en souviendrait sans doute: il y avait il y quelques années un participant qui voulait à tout prix modifier en profondeur l’aspect de son site. A la fin il n’y avait pratiquement aucune CSS sans !important. On n’y comprenait,  plus rien et on ne pouvait plus rien modifier. Il vaut mieux augmenter la précision du sélecteur. Par exemple, si on a div#toto p.titi  et que l’on veuille modifier la couleur du paragraphe, il vaut mieux #toto p.titi{color:red;} que p.titi {color:red !important;}. Mais parfois il n’y a pas d’autre solution que d’utiliser !important.

    ICI une meilleure explication (en anglais mais avec l’ami google translate pas de problème)

    #2435565
    Flobogo
    Modérateur
    Maître WordPress
    19084 contributions

    Ah, en effet, j’étais à côté de la plaque.

    Merci pour ces précisions. Donc, @broussaille, il reste à vous (te) replonger dans le code pour l’affiner.

    #2435726
    Broussaille
    Participant
    Chevalier WordPress
    297 contributions

    Bonsoir, m’sieur-dame.

    Merci @ferman pour les explications (quoique je dois avouer que je n’ai pas tout lu… même avec google translate… c’était long). Mais du coup, une idée (qui ne vaut pas grand chose) si l’on contourne le problème en mettant les sélecteurs avec !important en fin de feuille ? J’imagine que là se pose le problème de la « hiérarchie » des sélecteurs. Là, j’ai collé 3 (ou 4) !important, sur le body

    body.colors-dark, .colors-dark .site-content-contain, .colors-dark .navigation-top, .colors-dark .main-navigation ul {background: #58909d !important;font-family: Comic Sans MS;}

    la navigation

    .navigation-top {
    background: #58909d !important;
    border-bottom: none;
    border-top: none;}

    diverse choses

    .colors-dark .single-featured-image-header,.colors-dark .entry-content a {
    background-color: #58909d !important;}

    Du coup, si je mets, pas exemple, le body en fin de feuille, qu’est-ce que ça donne ? (oui, je peux tester, mais c’est la compréhension du truc qui m’intéresse… ).


    @Flobogo
    , oui se replonger dans le code (quel délice… ), mais je ne vois pas quel sélecteur plus précis  trouver…

    Bon, je vais voir ça.

    Allez, la bonne soirée.

    #2435753
    ferman
    Participant
    Maître WordPress
    5825 contributions

    Bonjour,

    En bref: je ne sais pas. C’est compliqué comme le souligne cet autre article, un peu long également mais intéressant et en français. Pour moi, je sais qu’utiliser ! important n’est pas bien et comme je suis obéissant je le fais . En plus, comme je suis curieux ,  j’avais cherché à l’époque à savoir  pourquoi ce n’était pas bien et la réponse m’avait paru logique. Mais je n’ai jamais cherché à creuser la question et vérifier les limites de cette logique. Donc, malheureusement, je ne peux pas répondre.

    #2435924
    Broussaille
    Participant
    Chevalier WordPress
    297 contributions

    Bonsoir @ferman. Bon j’ai lu l’article (presque jusqu’au bout), la traduction est un peu limite mais on comprend l’idée générale. Ceci dit on en revient toujours au même, parfois il faut en passer par là. Ceci-dit, pour le peu de css que j’ai modifié, ça ne joue pas sur grand-chose. Et puisque ça fonctionne, et que je ne pense pas faire d’autres modifications par la suite, je vais ne rester là. Mais au moins ça aura augmenter ma « culture générale ». Merci donc pour cette échange. Bonnes fêtes de fin d’année… et à bientôt (comme je disais plus haut, j’ai un souci d’affichage des articles, il faut que j’ouvre un autre post quand j’en prendrais le temps…)

8 sujets de 16 à 23 (sur un total de 23)
  • Vous devez être connecté pour répondre à ce sujet.