Cibler en chaîne des class en CSS
CactusCata
-
CactusCata -
CactusCata -
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:
Une idée du code CSS espéré:
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. |
A voir également:
- Cibler en chaîne des class en CSS
- Recherche automatique des chaînes ne fonctionne pas - Guide
- Chaine tnt gratuite sur mobile - Guide
- Chaine radio - Télécharger - Médias et Actualité
- Chaine musique bouygues - Accueil - Guide TV et vidéo
- L'équipe live foot chaine - Accueil - TV & Vidéo
1 réponse
Salut,
comme ça :
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 :
Là non :
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>
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 !