So löschen Sie von CSS geerbte Stile

css klarer geerbter Stil

Hallo, ich kann deine Frage nur wie folgt erklären

Erstens, wenn Sie einen Klassenstil schreiben, z. B. li{color:red;}

Alle Li bleiben in Rot und geerbte Stile können nicht gelöscht werden. Die Ausführungsreihenfolge ähnlicher Codes ist standardmäßig von oben nach unten und kann nicht geändert werden, es sei denn, es werden Kontrollmethoden wie etwa Urteile verwendet. Die Antwort ist, dass es nicht gelöscht werden kann.

Die Reihenfolge der Codeausführung kann nicht geändert werden und die Browser-Analysemethode ist ebenfalls unkontrollierbar.

Zweitens, wie können wir ein solches Problem lösen? Beispielsweise können wir den Bereich festlegen

Angenommen, es gibt zwei Divs mit oberen bzw. unteren Bereichen id=a id=b

Wenn Sie möchten, dass nur das li des id=a-Teils rot ist, dann ist die Schreibmethode wie folgt

#a li{color:red} Dann wird das li im id=b-Bereich nicht beeinflusst

Wir können solche Probleme nur lösen, indem wir den Nutzungsbereich so weit wie möglich festlegen

Ich kann dir nach dem Waschen helfen, danke

So brechen Sie die Vererbung von übergeordneten Elementattributen in CSS ab

Andere Eigenschaften sind in Ordnung, aber die transparente Eigenschaft kann nach der Vererbung nicht storniert werden. Ich habe drei Möglichkeiten gesehen, um diesen Effekt zu erzielen, von denen 1 und 3 definitiv effektiv sind, und 2 ist nicht sehr zuverlässig. Sie können es selbst herausfinden:

1. Simulieren Sie alle Divs in aa, fügen Sie bb, cc und dd ein und fügen Sie sie nicht in aa ein, und verwenden Sie dann die Position des CSS-Positionierungsattributs, um bb, cc und dd so zu positionieren Sie sehen aus, als wären sie in AA. Das ist es.

2. Dies ist eine legendäre Methode: bb, cc und dd werden immer noch in aa festgelegt: position: relative; Die Verwendung mit anderen Attributkonflikten ist ungültig.

3.aa legt keine Transparenz fest, erstellt durchscheinende Bilder in ps und speichert sie im PNG24-Format und verwendet sie dann als Hintergrund von aa. Dies führt jedoch zu einem Problem. Die höheren Versionen von FF, OP und IE unterstützen alle PNG-Bildtransparenz , in IE6 Folgendes wird nicht mehr unterstützt, daher ist der Hintergrund von aa, den Sie unter IE6 sehen, grau, aber dieses Problem ist leicht zu lösen, Sie können es selbst herunterladen: ie6 png ist transparent.

Das obige ist der detaillierte Inhalt vonSo löschen Sie von CSS geerbte Stile. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!