Hallo,

ich versuche eine Registerkarten-Oberfläche ohne JavaScript zu erstellen, so wie es hier beschrieben ist: http://www.ich-lerne-css.de/Style/Examples/007/target.html

Dabei soll nach dem Anklicken eines "Tabs" ein bestimmter Inhalt angezeigt werden.

Hier ist ein funktionierendes Beispiel dafür:

<style type="text/css">  
  div.items p:not(:target) {display: none}  
</style>  
<div>  
  <p>  
    <a href="#item1">Tab 1</a>  
    <a href="#item2">Tab 2</a>  
    <a href="#item3">Tab 3</a>  
  </p>  
  <div class=items>  
    <p id=item1>Inhalt 1</p>  
    <p id=item2>Inhalt 2</p>  
    <p id=item3>Inhalt 3</p>  
  </div>  
</div>

Mein Problem ist jetzt, dass ich das html-TAG <style> vermeiden möchte, da ich den Inhalt auf eine Seite laden möchte, in der dieser Tag nicht akzeptiert wird. Stylesheets als Attribute werden aber angenommen (also z. B. <p style="color:red">test</p> ist erlaubt).

Ist es möglich, das Beispiel von oben so umzuschreiben, dass das Style in ein Attribut kommt?