28182 sujets

CSS et mise en forme, CSS3

Bonjour à tous, c’est toujours moi avec mon calendrier Smiley cligne

Je voudrais appliquer un style CSS sur ma case quand l’événement s’appelle RP
<div class="case_rp"> 


Et quand il ce nome un autre nom il me met le style de base
<div class="case_c"> 



<div class="case_c">             
    <div class="btn-container">
        <a class="btn-rien modal_outils_bouton" href="add.php?date=2022-09-07">
        <small class="label pull-left visible-xs  label-default">07/09</small>
        </a>
    </div>
</div>

<div class="case_rp">             
    <div class="btn-container">
        <a class="btn-rien modal_outils_bouton" href="add.php?date=2022-09-07">
        <small class="label pull-left visible-xs  label-default">07/09</small>
        </a>
    </div>
</div>


Mais je sais pas du tout, comment appliquer ce style automatiquement


upload/1663146407-81169-capturedancran2022-09-14no10..png upload/1663146399-81169-capturedancran2022-09-14no10..png
Modifié par SIRIUS_NG (14 Sep 2022 - 11:07)
Administrateur
Hello,

Tu peux cibler "toutes les classes qui se terminent par _rp" avec le sélecteur suivant :


[class$="_rp"] { ici les styles de "rp" }
[class$="_c"] { ici les styles de "c" }
Salut,

de ce que je comprends de ta question, je crois que tu ne pourras pas le faire en pure css.
A priori tu ne peux pas faire une classe qui va dépendre de son contenu html.

Cela doit pouvoir s'envisager en javascript : ajout / suppression de classe en fonction du contenu.

Mais vu que je vois traîner des href="add.php?date=2022-09-07" , je suppose que c'est une application en php, a priori il doit aussi être possible de faire cela du coté php (au moment ou tu génères la page tu affiches directement les bonnes classes plutôt que d'avoir des tas de calcul en javascript pour chaque élément de ton tableau.

Et après on doit pouvoir imaginer un truc "hybride" php+javascript, où tu génères les bonnes classes directement en php et que tu les actualises à la volée avec javascript (ajax) en fonction des interactions de ton utilisateur.