Comment remplacer !important?

Tout en stylisant les sites Web, les développeurs peuvent appliquer diverses déclarations CSS à un ou plusieurs éléments. Dans ce scénario, le navigateur détermine quelle déclaration est la plus importante pour un élément. Habituellement, l'utilisation de "!important"Est évité car il interfère avec la cascade habituelle de la feuille de style et complique le dépannage. Cependant, il peut être utilisé et remplacé si nécessaire. Lorsque deux déclarations le long d'un !Un conflit de règles important avec le même élément, la déclaration avec le plus haut niveau de spécificité est utilisée.

Ce tutoriel examinera:

• Qu'est-ce que l'observation !important?
• Méthode 1: Comment remplacer !Important dans HTML?
• Méthode 2: Comment remplacer !Important dans CSS?

Qu'est-ce que l'observation !important?

C'est un CSS "!important"Règle utilisée pour souligner une propriété ou sa valeur pertinente plus que la normale. Cette règle remplace toutes les règles de style antérieur pour cette propriété particulière sur cet élément lorsqu'il est appliqué.

Comment remplacer !Important dans HTML?

Pour utiliser le remplacement !propriété importante, regardez les instructions données.

Étape 1: Faites un conteneur div

Initialement, créez un conteneur div avec l'aide de «". Ensuite, insérez un attribut de classe et définissez un nom spécifique en fonction de vos préférences.

Étape 2: Créez une div imbriquée

Ensuite, créez une div nichée ou un enfant entre le premier "" étiqueter. Alors:

• Ajouter le "identifiant" et "classe"Éléments avec un nom particulier selon votre préférence.
• Insérez le «style»Attribue et alloue une valeur particulière à ce. Par exemple, "Couleur de l'arrière plan»Définira la couleur d'arrière-plan du conteneur créé.
• Aussi, "!important«La valeur est utilisée pour la remplacement:

Linuxhint est l'un des meilleurs tutoriels du site Web

Sortir

Comment remplacer !Important dans CSS?

Pour remplacer "!important»Dans CSS, suivez les instructions déclarées.

Étape 1: Ajouter des conteneurs de div imbriqués

Créez le premier conteneur à l'intérieur du premier et faites un autre conteneur en utilisant la même procédure mentionnée dans la section ci-dessus. Puis ajouter "classe" et "identifiant»Attributs avec les noms spécifiques:

Linuxhint est l'un des meilleurs tutoriels du site Web

Sortir

Étape 2: Appliquer !Important pour la classe Div principale

Accédez à la classe Div principale en utilisant le «.div»Et appliquez les propriétés CSS énumérées ci-dessous:

.Div principal
taille de police: 30px;
marge: 20%;
Texte-aligne: Centre;
Couleur: # 0f0ff1;
Police-poids: Bold;
Color en arrière-plan: RVB (6, 166, 240) !important;

Ici:

• "taille de police»La propriété est utilisée pour spécifier la taille de la police.
• "marge»Ajoute un espace en haut à l'extérieur de l'élément.
• "alignement de texte”Est ​​utilisé pour définir l'alignement du texte dans l'élément défini.
• "couleur»La propriété définit la couleur du texte à l'intérieur de l'élément.
• "poids de police»La propriété est utilisée pour montrer à quel point les alphabets minces ou épais dans le texte peuvent être affichés.
• "Couleur de l'arrière plan”Est ​​utilisé pour régler la couleur à l'arrière de l'élément.

Étape 3: Appliquer !Important pour la classe et l'identifiant de la div principale

Maintenant, accédez à l'attribut de classe du premier conteneur Div et de l'attribut ID du deuxième conteneur Div:

div [Main-div],
div [content-id]
Color en arrière-plan: RVB (230, 230, 11) !important;

Ensuite, appliquez le «Couleur de l'arrière plan»Propriété et«!important" règle. Il remplacera la couleur d'arrière-plan appliquée ci-dessus.

Sortir

Il s'agissait de remplacer le !propriété importante dans CSS.

Conclusion

Pour remplacer !Important, l'utilisateur peut utiliser le «!important”Règle avec les attributs en HTML et aussi, utilisez les propriétés CSS. Par exemple, accédez à la div principale et appliquez le «!important"Règle sur le"Couleur de l'arrière plan". Ensuite, accédez aux deux conteneurs Div et appliquez à nouveau !Règle importante sur la même propriété. En conséquence, le second s'est appliqué "!Règle importante »remplace le premier. Ce message a démontré la méthode pour remplacer !Important dans HTML et CSS.