vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>HCL092 Pseudoklassen</title> <style> .details {display: none; background:#F0F0F0; padding:2em;} .details:target {display:inline-block;} </style> </head> <body> <h2 id="ueber">Nachrichten</h2> <p>Die USA plant ein Freihandelsabkommen ... <a href="#d1">--- mehr lesen ---</a></p> <div id="d1" class="details"> <h3>Weltweiter freier Handel</h3> <p>Die USA und die EU haben sich geeinigt. Die Strafzölle werden ieder abgeschafft.</p> <a href="#ueber" title="schließen">schließen</a> </div> <p>Frieden in Korea <a href="#d2">--- mehr lesen ---</a></p> <div id="d2" class="details"> <h3>Koreas Atompolitik hat positive Folgen</h3> <p>Der Konflikt zwischen Nord- und Südkorea ist jetzt entgültig zu Ende.</p> <a href="#ueber" title="schließen">schließen</a> </div> </body> </html>
