Klassen und IDs

[blan]

hallo,

also ich habe folgenden code (beispiel):

<table class="page">
  ...
  <div id="serparator"/>
  ...
  <table class="content">
    ...
      <p id="separator"/>
    ...
  </table>
</table>

in meiner CSS-Datei steht folgendes:

.page { ... }
.page #separator { ... }
.content { ... }
.content #separator { ... }

jetzt dachte ich, dass bei dem p-tag das #separator von .content genommen wird aber das passiert leider nicht. funktioniert das irgendwie?

blan

 

[Lenchen]

Ohne Garantie auf Richtigkeit (beschäftige mich noch nicht so lange mit dem Thema)
Eine id darf nur einmal im ganzen Dokument verwendet werden. häng doch einfach eine 2 dran.

 

[threadi]

Falls das "serparator" ein Schreibfehler sein sollte hier der Hinweis: IDs dürfen nur 1 Mal pro HTML-Seite verwendet werden.

Dein HTML-Code ist allerdings so nicht ok. Innerhalb von einer Tabelle darf kein div existieren welches nicht in irgendeiner Tabellenzelle steht.

Zu deiner Frage: das funktioniert vermutlich nicht, da .page eine Ebene weiter oben ansetzt. Schreib es entweder so:

.page .content #separator

oder einfacher so:

p#separator

 

[blan]

ja - das mit dem html war jetzt schnell hingemacht. deswegen sind da ja auch "...". also das ist natürlich schlecht. allerdings habe ich herausgefunden wenn ich die eigenschaften von dem #separator der klasse .page in dem #separartor der klasse. content überschreibe funktioniert das. kann ich das so machen?

beispiel:

.page #separator { height: 1px; background-color: white; }
.content #separator { height: 8px; }

der page-separator 1px hoch mit weißem hintergrund
und der content-separator ist 8px hoch und auch mit weißen hintergrund.

 

[Efchen]

Dein "separator" ist eine ID und darf damit nur einmal auf der ganzen Seite vorkommen, es kann also keinen page-separator UND einen content-separator geben!

Du könntest aber eine Klasse daraus machen.

 

[ky_fr34k]

mit dem beispiel von efchen arbeite ich auch immer des funktioniert wunderbar.
nur eines ist mir neu:

p#separator

wasn das?

Gruß KY

 

[_Thor_]

Das spricht jedes p mit der ID separator an, andere Elemente mit der ID werden nicht berücksichtigt.

 

[ky_fr34k]

ok,
aber ich dachte jede id darf nur einmal vorkommen?

Gruß KY

 

[_Thor_]

In jeder Seite nur einmal.

 

[Efchen]

Aber auf mehreren Seiten, die alle das selbe Stylesheet benutzen darf die ID natürlich in unterschiedlichen Elementen vorkommen.