Comment écraser le style CSS - HTML

CSS permet aux développeurs Web d'appliquer divers styles, tels que «frontière","afficher","le style de police","style de bordure","marge","rembourrage», Et bien d'autres sur les sites Web. De plus, il permet aux développeurs de mener cette tâche individuellement du HTML qui crée chaque page Web. Les utilisateurs peuvent coiffer n'importe quelle propriété à un élément qu'ils ont déjà conçu pour écraser la propriété existante.

Ce message expliquera la méthode pour écraser le style CSS.

Comment écraser le style CSS?

Pour écraser le style CSS, vous devez suivre les instructions suivantes.

Étape 1: Créez un conteneur «div»

Initialement, créez un conteneur Div à l'aide du «div" étiqueter. Ensuite, insérez un «classe”Attribut à l'intérieur de la balise d'ouverture Div et allouer un nom spécifique à la classe selon l'exigence.

Étape 2: Créez un conteneur «div» imbriqué

Ensuite, faites un autre imbriqué "div”Container avec la même méthode que celle mentionnée à l'étape précédente:

Étape 3: Style Conteneur Div Main Div

Accédez au conteneur principal Div à l'aide d'un nom de classe avec un sélecteur d'attribut. Pour ce faire, nous avons utilisé «.contenu principal»:

.contenu principal
marge: 40px 160px;
Border: Green en pointillé 3px;
rembourrage: 30px;

Après avoir accédé au conteneur principal Div, appliquez les propriétés CSS mentionnées ci-dessous:

• • "marge”Est ​​utilisé pour spécifier l'espace en dehors de l'élément.
  • "frontière"Ajoutez une frontière autour de l'élément défini.
  • "rembourrage”Est ​​utilisé pour ajouter de l'espace à l'intérieur de la limite définie.

L'image résultante montre la sortie du bloc de code ci-dessus:

Étape 4: Style Deuxième conteneur «div»

Maintenant, accédez au deuxième conteneur Div avec le nom et le sélecteur de la classe comme «.exemple de classe«Et coiffez-le comme suit:

.Exemple-classe
hauteur: 100px;
Largeur: 100px;
Contexte: RVB (22, 221, 211);
Border: 2px noir solide;

Ici:

• • "hauteur»La propriété est utilisée pour définir la hauteur de l'élément.
  • "largeur”Alloue la taille de la largeur de l'élément.
  • "arrière-plan»Spécifie une couleur pour le dos de l'élément dans une limite définie.

Sortir

Étape 5: Accédez aux conteneurs Div imbriqués

Maintenant, accédez au conteneur DIV imbriqué et utilisez le «arrière-plan»Propriété pour écraser le style CSS:

.div intérieur .Exemple-classe
Contexte: RVB (224, 72, 12);

En conséquence, le CSS "arrière-plan»La propriété écrase la première propriété de fond appliqué:

Vous avez appris la méthode pour écraser le style CSS.

Conclusion

Pour écraser le style CSS, créez d'abord un conteneur div avec un «" récipient. Ensuite, créez un conteneur div imbriqué. Ensuite, accédez à la première div et appliquez les propriétés CSS. Après cela, accédez à la div imbriquée et appliquez la même propriété CSS qui écrase la propriété existante. Ce tutoriel a démontré la méthode de remplacement du style CSS.