[ERLEDIGT] CSS Klasse wird nicht übernommen, warum?

[Revilo]

Hallo,

ich möchte gern mein h2 heading tag für bestimmte Beiträge / Überschriften mit einer class adaptieren. Leider wird die class nicht übernommen. Wenn ich die Website untersuchen, dann sehe ich nur die Definition des h2 tags. Wo liegt mein Fehler?

CSS:

h2{
font-size: 25px;
font-weight: bold;
line-height: 1.2;
margin: 0 0 -10px ;
color: #555;
}

.main-content h2 {
color:#C71585;
border-bottom: 4px solid #C71585;
margin-top: 2em;
margin-bottom: 2px;
font-size: 1.4em;
line-height: 1.4;
padding: 0 0 2px !important;
font-weight: normal !important;
}

HTML:

<h2 class="main-content";>Bildkorrekturen (Lage, Perspektive, Staub und Kratzer, ...)</h2>

 

[Sailor]

Du legst die Formate für h2 und für h2 in einem Elternelement main-content fest
h2 {}
main-content h2 {}
so würde es gehen
<div class="main-content">
<h2>....</h2>
</div>
das wäre die h2 im main-content.

Außerdem ist da ein Semikolon zu viel ... am Ende des öffnenden h2 Tags.

 

[Aaron3219]

Das ist richtig. Wenn du willst, dass main-content für h2 aggiert, musst du entweder das h2 nach main-content wegnehmen oder h2.main-content schreiben.

Somit ist es möglich verschiedene CSS-Attribute für verschiedene HTML-Elemente mit der gleichen Klasse zu benutzen.
Bsp.:
div.main {}
p.main{}

Wenn du einem p-Element die Klasse main gibst und einem div-Element, haben sie verschiedene CSS-Attribute.

Edit:
Außerdem ist die Gewichtung wichtig. Wenn du sowas hast:
h2{}
h2{}

Wird die letzte h2-Klammer gewertet.
Wenn du es inline reinschreibst, hat das inline Priorität und wenn du es in style-tags reinschreibst, steht es ebenfalls über den CSS-Files (sofern sie per <link> eingebunden sind)

 

[Revilo]

Super, danke. Jetzt habe ich wieder so einiges dazugelernt :)

Vielen Dank für Eure Unterstützung :)