michat: hierarchie website, Individualformate, Klassen,Selektoren

Beitrag lesen

SELF-Forum

hierarchie website, Individualformate, Klassen,Selektoren

michat
– Informationen zu den Bewertungsregeln

Hi

ich habe für ein div welches genau einmal auf der jeweiligen Seite, aber eben auf fast jeder Unterseite vorkommt ein Individualformat definiert:

#angebot_beschreibung
{
width: 27%;
height: 87%;
margin: 4.5% 0 0% 0%;
padding: 0% 1.5% 0% 1.5%;
float: left;
background-color: blue;
position: relative;
top: 0;
right: 0;
border-top: 2px solid #FFB133;
border-bottom: 2px solid #FFB133;
border-right: 2px solid #FFB133;
}

Ich möchte aber nun auf verschiedenen Unterseiten für *dieses* div die Hintergundfarbe ändern. Nur wie selektiere ich die? Eigentlich will ich ja nach URL selektieren:

http://domian.test/seite2 #angebot_beschreibung { background-color: red; }

da eine URL als Selektor wohl ausscheidet (kein JS) könnte man darauf kommen den body tags wie z.B. id="seite1", id="seite2" ... zu verpassen. Das würde zu verschachtelten Individualformaten führen, hmm... (Davon abgesehen das der Editor meckert und ID für den body wohl nicht im Sinne des Erfinders wäre.

Also mache ich aus #angebot_beschreibung eine Klasse? .angebot_beschreibung ? (Eine Klasse die nur einmal je Seite benötigt wird? Auch irgendwie komisch)

Dann könnte ich selektieren:

#angebot_beschreibung
{
width: 27%;
height: 87%;
margin: 4.5% 0 0% 0%;
padding: 0% 1.5% 0% 1.5%;
float: left;
position: relative;
top: 0; right: 0;
border-top: 2px solid #FFB133;
border-bottom: 2px solid #FFB133;
border-right: 2px solid #FFB133;
}

#seite1.angebot_beschreibung
{
background-color: blue;
}

#seite2.angebot_beschreibung
{
background-color: red;
}

Ich habe <body id="seite2"> garnicht ausprobiert weil mir das selbst abstrus vorkommt.
Vielleicht wäre das eine Situation wo es eigentlich angemessen wäre im html ein style zu verwenden?

Wie würdet ihr damit umgehen?

bye

MH

--
war unregistriert "michaa"
Beitrag melden
–
Informationen zu den Bewertungsregeln