Comment cibler une classe CSS dans une autre classe CSS

”. Ensuite, allouez un attribut de classe pour une utilisation ultérieure.

Étape 2 : Créer des conteneurs 'div' imbriqués

Ensuite, créez des conteneurs div imbriqués en suivant la même procédure de l'étape 1 :

< div classe = 'contenu principal' >

< div classe = 'tableau' >

< div classe = 'ligne' >

< div classe = 'fendu' > Marier < / div >

< div classe = 'c-droit' > Jack < / div >

< div classe = 'fendu' > À M < / div >

< div classe = 'c-droit' > Juillet < / div >

< / div >

< / div >

< / div >

Sortir

---

---

Étape 3 : Appliquer le style sur le conteneur « div » principal

Accéder au principal ' div ' conteneur à l'aide du nom de classe comme ' .contenu principal ” :

.contenu principal {

largeur : 40% ;

marge : 0 auto ;

couleur : bleu ;

frontière : 2px pointé bleu ;

aligner le texte : centre ;

}

Ici:

• ' largeur ” spécifie la largeur de l'élément.
• ' marge ” alloue de l'espace autour de l'élément en dehors de la bordure définie.
• ' couleur ” définit la couleur du texte ajouté dans l'élément.
• ' frontière ” définit un contour ou une limite autour de l'élément en HTML.
• ' Alignement du texte ” définit l'alignement du texte de l'élément.

Étape 4 : stylisez une autre classe

Accédez à la classe principale CSS et aux autres classes imbriquées en utilisant leurs noms. Ensuite, fixez la largeur du conteneur en précisant la valeur selon votre choix :

.contenu principal .tableau {

largeur : 80% ;

}

De plus, accédez à l'autre classe en suivant la même procédure que ci-dessus et appliquez les propriétés CSS mentionnées dans l'extrait de code ci-dessous :

.contenu principal .c-droit {

afficher : bloc en ligne ;

taille de police : 20px ;

}

Selon l'extrait de code ci-dessus :

• ' afficher ” La propriété est utilisée pour définir l'affichage d'un élément.
• ' taille de police ” spécifie la taille du texte ajouté dans le conteneur.

Maintenant, accédez aux autres classes en utilisant la même méthode et appliquez les propriétés CSS suivantes comme mentionné ci-dessous :

.contenu principal .fendu {

largeur : 140px ;

marge droite : 6px ;

taille de police : 16px ;

}

Pour ce faire, nous appliquerons « largeur ”, “ marge droite ' et ' taille de police ” à des fins de style.

De plus, accédez à la principale ' div ” conteneur avec un autre conteneur div imbriqué en utilisant leur nom de classe et en appliquant les propriétés CSS suivantes

.principal .c-droit {

largeur : auto ;

taille de police : 15px ;

couleur : #fff ;

marge droite : 20px ;

poids de la police : normal ;

}

Sortir

Il s'agit de cibler une classe CSS à l'intérieur d'une autre classe CSS.

Conclusion

Pour cibler une classe CSS au sein d'une autre classe CSS, accédez d'abord à la section principale ' div ” via l'attribut de classe attribué. Ensuite, accédez à un autre conteneur 'div' en suivant la même procédure. De plus, les utilisateurs peuvent cibler une classe CSS dans une autre classe CSS. Cet article a démontré la méthode pour cibler une classe CSS dans une autre classe CSS.