kostenloser Webspace werbefrei: lima-city


CSS Textstruktirierungs-Selektor

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    stertingen

    stertingen hat kostenlosen Webspace.

    Ich suche eine Technik, mit der ich Absätze abhängig von ihrer Überschrift formateren kann.
    Z.B. werden alle <p> und <h3>-<h6>-Elemente unter einer <h2>-überschrift automatisch eingerückt, ohne, dass ich im html text um alles unter <h2> ein <div> lege.
    oder alle elemente werden eingerückt vom <h2> bis zum nächsten <h2>.

    also wie der "+"-selektor, nur, dass er nicht das erste element nach <h2> auswählt, sondern alle bis zum nächsten vorkommen von <h2>. am besten wäre, wenn er alles dazwischen auswählt, das erste h2 mit auswählen ginge auch.

    ich hoffe, dass sich eine lösung für dieses problem herausforderung finden lässt.
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. m******************r

    Hallo!

    Ich denke, das könnte sein, was du suchst:

    h2 + *:not(h2)
    {
        ...
    }


    damit solltest du alle elemente nach dem h2 außer ein weiteres h2 auswählen können.

    Lg
  4. Autor dieses Themas

    stertingen

    stertingen hat kostenlosen Webspace.

    funktioniert leider nicht, der selektor selektiert nur das allererste element nach <h2>.
  5. h2 ~ *:not(h2)


    sollte funktionieren :wink:
  6. Hallo,

    h2 + *:not(h2)
    würde als
    h2 *:not(h2)
    funktionieren, selektiert allerdings auch alle "Enkel", "Urenkel" usw.

    h2 ~ *:not(h2)
    selektiert alle Zwillinge, eigentlich sollen aber die Kinder selektiert werden

    Genau genommen ist das alles nicht geheim, sondern steht hier.

    Gruß

    Edit: Antwort ging an der Frage vorbei :mad:

    Beitrag zuletzt geändert: 19.3.2012 12:20:33 von marmot
  7. m******************r

    Naja, ich bin davon ausgegangen, dass die struktur so gemeint war:

    <h2>Text</h2>
    <div>bla bla</div>
    <div>bla bla</div>
    ...


    und alle nach h2 eingerückt werden sollten?

    Dementsprechend würde h2 > [irgendwas] nicht das gewünschte selektieren, oder?

  8. Hallo,

    markus-niederbrucker schrieb:
    Dementsprechend würde h2 > [irgendwas] nicht das gewünschte selektieren, oder?
    da hast du vollkommen recht und ich habe Mist erzählt.
    Ich gehe davon aus, dass die Lösung von pcw passt.

    Gruß
  9. Autor dieses Themas

    stertingen

    stertingen hat kostenlosen Webspace.

    pcw schrieb:
    h2 ~ *:not(h2)


    sollte funktionieren :wink:

    danke, es funktioniert super! genau was ich brauchte.

    Beitrag zuletzt geändert: 22.3.2012 18:33:19 von stertingen
  10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!