Maison  >  Article  >  tutoriels informatiques  >  Comment effacer les styles hérités CSS

Comment effacer les styles hérités CSS

WBOY
WBOYavant
2024-01-14 23:12:251129parcourir

Comment effacer les styles hérités CSS

css style hérité clair

Bonjour, je ne peux expliquer votre question que comme suit

Tout d'abord, si vous écrivez un style de classe, tel que li{color:red;}

Tous les li resteront en rouge et les styles hérités ne pourront pas être effacés. L'ordre d'exécution de codes similaires est de haut en bas par défaut et ne peut être modifié que si des méthodes de contrôle telles que l'utilisation de jugements sont utilisées. La réponse est qu’il ne peut pas être effacé.

L'ordre d'exécution du code ne peut pas être modifié et la méthode d'analyse du navigateur est également incontrôlable.

Deuxièmement, comment pouvons-nous résoudre ce genre de problème ? Par exemple, nous pouvons préciser la zone

Supposons qu'il y ait deux divs avec respectivement des zones supérieure et inférieure id=a id=b

Si vous voulez que seul le li de la partie id=a soit rouge, alors la méthode d'écriture est la suivante

#a li{color:red} Alors le li dans la zone id=b ne sera pas affecté

Nous ne pouvons résoudre ce genre de problème qu'en stipulant autant que possible la zone d'utilisation

Je peux vous aider après le lavage, merci

Comment annuler l'héritage des attributs d'un élément parent en CSS

Les autres propriétés sont acceptables, mais la propriété transparente ne peut pas être annulée après avoir été héritée. J'ai vu trois façons d'obtenir cet effet, parmi elles, 1 et 3 sont définitivement efficaces, et 2 n'est pas très fiable. Vous pouvez le découvrir vous-même :

.

1. Simulez tous les divs dans aa, mettez bb, cc et dd et ne les mettez pas dans aa, puis utilisez la position de l'attribut de positionnement CSS pour positionner bb, cc et dd de sorte que. on dirait qu'ils sont à l'intérieur.

2. Il s'agit d'une méthode légendaire : bb, cc et dd sont toujours définis dans aa, et l'attribut de positionnement relatif est ajouté à bb, cc et dd : position : relative Je n'ai jamais essayé cette méthode avec succès, et elle peut être facile à utiliser avec D'autres conflits d'attributs seront invalides.

3.aa ne définit pas la transparence, crée des images translucides au format ps et les enregistre au format png24, puis les utilise comme arrière-plan de aa ; mais cela crée un problème, les versions supérieures de FF, OP et IE prennent toutes en charge la transparence des images png ; , dans IE6 Ce qui suit n'est plus pris en charge, donc l'arrière-plan de aa que vous voyez sous IE6 sera gris, mais ce problème est facile à résoudre, vous pouvez le télécharger vous-même : ie6 png est transparent.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer