[FraGiLe]

Hallo,
sowohl in csc als auch in anderen Extensions stoße ich immer wieder auf div-Klassen der Form "tx-gsislideshow-pi1-item description" (z.b.). Die Klasse "tx-gsislideshow-pi1-item" kann ich in meiner CSS-Datei ansprechen, auch das HTML-Tag (z.b. p oder img), das vom Typ dieser Klasse ist.

Leider funktioniert dies nicht direkt mit der Klasse "tx-gsislideshow-pi1-item description" , ein ".tx-gsislideshow-pi1-item description { .... }" führt zu keinerlei Veränderung. Wie spreche ich genau dieses Element denn in CSS an ????

[FraGiLe]

Hi,

hab es selbst im Netz gefunden, die "tx... description" - Bezeichnung ist zweifach "überladen", also eine MultipleClass. Man kann speziell dieses Element also entweder mit "tx..." oder einfach mit "description" ansprechen.

[josDesign]

FraGiLe hat schon recht, nur würde ich es so nicht verstehen..

Man kann es auch so erklären:

Nehmen wir an wir haben 2 DIVs auf der Seite mit jeweils einer eindeutigen ID (#menu & #content)

Wenn wir jetzt in jeder dieser DIVs Grafiken haben welche mit einem Link (href/a) umgeben sind und wir möchten, dass nur die Link-Grafiken im DIV mit der id #menu einen Border haben sollen könnte man dies folgendermaßen lösen:

CSS:

div#menu a img {border:black solid 1px;}
div#content a img {border: 0px;}

HTML:

<div id="menu"><a href="#"><img src="grafik.png" /></a></div> //Wird umrahmt

<div id="content"><a href="#"><img src="grafik.png" /></a></div> //Wird nicht umrahmt

Man kann so auf ganz einfache Weise CSS ausreizen (was noch lange nicht die seine Grenzen sind ;))