2016-05-08 14 views
1

Ich möchte einem Text ein Tag (in diesem Fall h2) hinzufügen - aber ich möchte alle Formatierungen entfernen, die diesem Tag zugeordnet sind.Gibt es eine Möglichkeit, alle Formatierungen von einem Tag zu entfernen - und anzuwenden, welcher Stil bereits "in Kraft" ist?

<div> 
    <nav> 
    <h2>Menu 1</h2> 
    <h2>Menu 2</h2> 
    </nav> 
<div> 

Deshalb möchte ich die Menüpunkte, was die Formatierung haben, ist bereits Setup von CSS mein Thema ist - ohne mit dem h2 assoziiert jeder der Formatierung anwenden. Aber ich möchte die Formatierung nicht "fest codieren" - sonst müsste ich entweder einen speziellen nav.h2-CSS-Eintrag machen und ihn jedes Mal ändern, wenn ich mein Thema ändere.

Gibt es etwas wie ein "style = ForgetEverythingDefinedForThisTagAndUseParentStyles: true;" Möglichkeit? Oder meine einzige Wahl ist, den Stil "hart zu codieren"?

Antwort

1

Im Allgemeinen glaube ich, dass dies eine schlechte Übung ist, da Sie Ihre Stile so gestalten sollten, dass Sie nicht zurückgehen und einen 'Reset' 'hardcodieren' müssen, aber in diesem Fall würden Sie etwas ähnliches tun wollen unten:

.css-

.inheritall { 
all:inherit 
} 

.html

<div> 
    <nav> 
    <h2 class="inheritall">Menu 1</h2> 
    <h2>Menu 2</h2> 
    </nav> 
<div> 

Für weitere Referenz bitte Ansicht: https://developer.mozilla.org/en-US/docs/Web/CSS/all

+0

Danke - genau das, was ich gesucht habe! –