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.

A voir également:

Cibler en chaîne des class en CSS
Chaine tnt gratuite sur mobile - Guide
Recherche automatique des chaînes ne fonctionne pas - Guide
Nouvelle chaîne tnt gratuite 2024 - Accueil - TV & Vidéo
Chaine radio - Télécharger - Médias et Actualité
Recherche chaine tv manuelle - Forum TNT / Satellite / Réception

1 réponse

Réponse 1 / 1

Flachy Joe Messages postés 2103 Date d'inscription jeudi 16 septembre 2004 Statut Membre Dernière intervention 21 novembre 2023 260
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>

CactusCata
18 janv. 2016 à 21:59

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 !

Discussions similaires

Nvcontainers

trait horizontal avec du css

recherche chaine tv techwood

chaînes sur tv tcl

comment acces des chaines adults