kostenloser Webspace werbefrei: lima-city

CSS Textstruktirierungs-Selektor

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   stertingen

   stertingen hat kostenlosen Webspace.

   15:03, 17.3.2012

   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

   15:33, 17.3.2012

   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.

   20:40, 17.3.2012

   funktioniert leider nicht, der selektor selektiert nur das allererste element nach <h2>.

5. pcw

   pcw hat kostenlosen Webspace.

   21:20, 17.3.2012

   h2 ~ *:not(h2)

   
   
   sollte funktionieren

6. marmot

   marmot hat kostenlosen Webspace.

   8:40, 18.3.2012

   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
   
   Beitrag zuletzt geändert: 19.3.2012 12:20:33 von marmot

7. m******************r

   22:19, 18.3.2012

   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. marmot

   marmot hat kostenlosen Webspace.

   12:22, 19.3.2012

   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.

   18:32, 22.3.2012

   pcw schrieb:
   

   h2 ~ *:not(h2)

   
   
   sollte funktionieren

   
   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?