✔ CSS-Styles aufheben?

[Suchfunktion]

Hi.

Wie kann ich die vorgegebenen CSS-Styles fuer einen bestimmten Bereich aufheben?

Beispiel:

<div style="color:#ff0000;font-weight:bold;">
  foo <span>bar</span>
</div>

Der Text im span-tag (also "bar") soll NICHT auf die Formatierung vom uebergeordneten Tag zugreifen.

Hat jemand eine Idee?

 

[Maik]

Hi!

Indem du für das eingebettete Element eine "individuelle" CSS-Regel deklarierst.

<div style="color:#ff0000;font-weight:bold;">
  foo <span style="...">bar</span>
</div>

bzw.

div#box {
color: #ff0000;
font-weight: bold;
}

div#box span { 
color: ...;
font-weight: normal;
}

<div id="box">
  foo <span>bar</span>
</div>

 

[muhkuh]

Naja, relativ einfach geht das, in dem die die bestehenden Formatierungen einfach Rückgängig machst (auf die Inizialwerte setzen), bzw. deine Wünschen entsprechend änderst. Entweder direkt im Element mit dem Style-Attribut oder besser noch mit einem "outgesourctem" Klassen-Selektor

<div style="color:#ff0000;font-weight:bold;">
  foo <span style="color:#000;font-weight:normal;">bar</span>
</div>

Nach CSS2 sähe das dann so aus:

div.fettrot
{
    color: #f00;
    font-weight: bold;
}
div.fettrot > span
{
    color: #000;
    font-weight: normal;
}

<div class="fettrot">
  foo <span>bar</span>
</div>

 

[Suchfunktion]

Okay, danke, ich versuch's mal..