PP: Fixer Bereich id Syntax unklar aus dem Beispiel fixiert.htm

Hallo!
Was bedeutet 'html>body #fixiert {...}' aus dem Beispiel http://de.selfhtml.org/css/layouts/anzeige/fixiert.htm.
Meine Vermutung ist, das damit jedes Tag selektiert wird, welches nach einem body Tag kommt und die id='fixiert' hat.
Dabei ist das body Element direktes Kindelement von html, was aber generell immer der Fall ist.

Andere Möglichkeit: Es wird nur das Element body, welches wiederum direktes Kindelement von html zu sein hat angesprochen
und dafür das id Attribut 'fixiert' definert. Wenn dann in der HTML Datei body das Attribut id='fixiert' bekommt,
werden die CSS Styles angewendet? Keine Ahnung was richtig ist. In der Dokumentation zum Besipiel wird dazu nicht
näher eingegangen.

  1. Hi,

    Was bedeutet 'html>body #fixiert {...}' aus dem Beispiel http://de.selfhtml.org/css/layouts/anzeige/fixiert.htm.

    hier werden verschiedene Arten von Selektoren kombiniert.

    1. Der Elementselektor
    2. Der Kindselektor >
    3. Der Nachfahrenselektor " " (Leerzeichen)
    4. Der ID-Selektor #

    Meine Vermutung ist, das damit jedes Tag selektiert wird, welches nach einem body Tag kommt und die id='fixiert' hat.

    Oder anders ausgedrückt: Selektiert wird ein beliebiges Element mit der ID "fixiert", das irgendwo beliebig tief verschachtelt im body-Element auftritt, wobei body wiederum direktes Kindelement von html sein muss.

    Dabei ist das body Element direktes Kindelement von html, was aber generell immer der Fall ist.

    In korrektem (X)HTML schon. Aber es gibt Browser, die den Kindselektor > nicht kennen, z.B. den IE6 und seine Ahnen. Die würden den kompletten Selektor deshalb ignorieren. Auf diese Weise realisiert man eine CSS-Browserweiche.

    So long,
     Martin

    --
    Wenn man sieht, was der liebe Gott auf der Erde so alles zulässt, hat man das Gefühl, er experimentiert immer noch.
      (Sir Peter Ustinov, Charakterdarsteller, 2004 verstorben)
  2. Hallo!
    Was bedeutet 'html>body #fixiert {...}' aus dem Beispiel http://de.selfhtml.org/css/layouts/anzeige/fixiert.htm.
    Meine Vermutung ist, das damit jedes Tag selektiert wird, welches nach einem body Tag kommt und die id='fixiert' hat.
    Dabei ist das body Element direktes Kindelement von html, was aber generell immer der Fall ist.

    Das hast du soweit richtig erfasst.
    Allerdings darf in einem HTML Document eine id nur einmalig sein. Es wird also nicht jedes, sondern es wird _das_ Element selektiert mit dieser id.

    Was passiert nun, wenn du versehentlich mehrere ids gleichen Namens notierst. Der eine Browser nimmt das erste, das er findet, der ander nimmt das letzte.
    Oh Wunder, warum geht das jetzt nimmer?

    Andere Möglichkeit: Es wird nur das Element body, welches wiederum direktes Kindelement von html zu sein hat angesprochen
    und dafür das id Attribut 'fixiert' definert.
    Wenn dann in der HTML Datei body das Attribut id='fixiert' bekommt,
    werden die CSS Styles angewendet?

    dann müsste stehen:
    html > body#fixiert {...}
    (kein Zwischenraum) und meint
    <body id=fixiert>

    Der Zwischenraum ist aber wichtig.

    html > body #fixiert {...}
    ist aber gleich wie
    html > body *#fixiert {...}

    Wobei der Stern * alle Elemente (=irgend ein Elementtyp) meint.

    Das gleich ist auch bei Klassen zu beachten

    element .class = das Child_mit_Class  von  Element
    element.class  = das Element_mit_Class

    mfg Beat

    --
    Woran ich arbeite:
    X-Torah
    ><o(((°>      ><o(((°>
       <°)))o><                      ><o(((°>o
  3. Hi,

    In der Dokumentation zum Besipiel wird dazu nicht
    näher eingegangen.

    Aber sicher doch: "Das folgende Beispiel demonstriert die Anwendung der CSS-Eigenschaft position:fixed, die über eine _spezielle CSS-Browserweiche_ ausschließlich modernen Browsern zugänglich gemacht wird." Folgst Du dem Link, dann findest Du auch <http://de.selfhtml.org/css/layouts/browserweichen.htm#kind_selektor@title=diese Erklärung>.

    freundliche Grüße
    Ingo

    1. Ja, stimmt. Ist mir nach dem Schreiebn ins Forum auch aufgefallen. Der Artikel stand aber woanders als dort wo das Besipiel stand.

      Danke für alle Antworten zu meiner Frage. Insebesondere die Antwort und die Überlegungen von Beate waren und sind sehr aufschlussreich (es darf nur ein Element mit derselben id geben, je Elementtyp (Tag)).

      Cu.

      Hi,

      In der Dokumentation zum Besipiel wird dazu nicht
      näher eingegangen.
      Aber sicher doch: "Das folgende Beispiel demonstriert die Anwendung der CSS-Eigenschaft position:fixed, die über eine _spezielle CSS-Browserweiche_ ausschließlich modernen Browsern zugänglich gemacht wird." Folgst Du dem Link, dann findest Du auch <http://de.selfhtml.org/css/layouts/browserweichen.htm#kind_selektor@title=diese Erklärung>.

      freundliche Grüße
      Ingo

      1. Rechtschreibfehler!!

        Ist mir erst jetzt aufgefallen. Es heißt natürlich Beat. War echt nicht mit Absicht. Sorry. Habe zu schnell gelesen und gechrieben, wie man auch an den anderen Fehlern noch sieht :-((

      2. Hallo PP

        (es darf nur ein Element mit derselben id geben, je Elementtyp (Tag)).

        Nein, eine Id muss dokumentweit eindeutig sein!
        Es darf auch keine verschiedenen Elementtypen mit der selben Id geben.

        Auf Wiederlesen
        Detlef

        --
        - Wissen ist gut
        - Können ist besser
        - aber das Beste und Interessanteste ist der Weg dahin!