Cibler en chaîne des class en CSS

Fermé
CactusCata - Modifié par crapoulou le 17/01/2016 à 22:24
 CactusCata - 18 janv. 2016 à 21:59
Bonjour,


J'ai aujourd'hui été amené à un problème qui est le suivant;
J'ai essayé "d'accrocher" deux class pour qu'il cherche par exemple la class="test1" et que dans tout les test1, il recherche le/les test2 pour ensuite appliquer les fonctionnalités du CSS.

Une idée du code HTML:

<div class="test1">
    <form class="test2">
      <div class="row">
        <div class="input-field col s12 m4 l8">
          <input placeholder="Placeholder" id="first_name" type="text" class="validate">
          <label for="first_name">First Name</label>
        </div>
</div>


Une idée du code CSS espéré:

.test1 test2{
 blabla
}


EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici : ICI

Merci d'y penser dans tes prochains messages.

1 réponse

Flachy Joe Messages postés 2103 Date d'inscription jeudi 16 septembre 2004 Statut Membre Dernière intervention 21 novembre 2023 259
17 janv. 2016 à 22:27
Salut,
comme ça :
.test1 > .test2 {
    background-color: yellow;
}

Mais ça ne fonctionne que si l'element dont la classe est test2 est un fils direct de celui dont la classe est test1.
Là ça marche :
<div class="test1">
 <div class="test2">Je suis jaune</div>
 Pas moi
</div>

Là non :
<div class="test1">
 <div class="casse-tout">
  <div class="test2">Je suis PAS jaune</div>
  Et moi non plus.
 </div>
</div>

1
Merci,

J'ai essayé mais en vain, j'ai finalement placé simplement mon texte dans une section et ça marche.

Comme on pourrait le dire, c'est l'intention qui compte !
0