Nachfolgend ein HTML-Schnipsel, wo das ganz mittlere Div namens "col-md-8" angesprochen werden soll. Ganz außen am Div steht eine Klasse "not-home" weil es die Codestelle zweimal gibt, einmal mit "not-home" einmal ohne:
Ich will jetzt dass ein CSS-Befehl NUR bei "not-home" und einer nur bei wenn OHNE "not-home" greift.
OHNE "not-home" funktioniert aber wirkt auch wenn MIT "not-home", das will ich nicht
Hier die CSS-Codes die ich bislang hab:
#masthead .row > div:nth-of-type(2)
Funktioniert bei "OHNE "not-home" und bei MIT "not-home", soll aber NUR bei OHNE "not-home"
#masthead.not-home .row > div:nth-of-type(2)
Funktioniert überhaupt nicht, wird nichtmal überschrieben, soll NUR bei MIT "not-home"
Wie muss ich das für "not-home" ansprechen?
Code:
<header id="masthead" class="site-header not-home" role="banner">
<div class="header-wrap">
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-4 col-xs-12">
</div>
</div>
</div>
</div>
OHNE "not-home" funktioniert aber wirkt auch wenn MIT "not-home", das will ich nicht
Hier die CSS-Codes die ich bislang hab:
#masthead .row > div:nth-of-type(2)
Funktioniert bei "OHNE "not-home" und bei MIT "not-home", soll aber NUR bei OHNE "not-home"
#masthead.not-home .row > div:nth-of-type(2)
Funktioniert überhaupt nicht, wird nichtmal überschrieben, soll NUR bei MIT "not-home"
Wie muss ich das für "not-home" ansprechen?