English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Vollständiges Referenzhandbuch für CSS-Selektoren
Verwenden Sie die Auswahl "class="content" und setzen Sie alle Elemente stil:
<!DOCTYPE html> <html> <title>Grundlagen-Tutorial-Website(oldtoolbag.com)</title> <head> <style> .content { background-color:yellow; } </style> </head> <body> <h1>Willkommen auf meiner Homepage</h1> <div class="content"> <p>Mein Name ist Tütü.</p> <p>Ich lebe in Kanada.</p> </div> <p>Meine beste Freundin ist Lili.</p> </body> </html>Testen Sie es heraus ‹/›
.classEin Selektor ist eine Klasse, die alle Elemente eines bestimmten Typs stilisiert.
IEFirefoxOperaChromeSafari
Alle gängigen Browser unterstützen.classSelektor
Verwenden Sie das Stil "class="myhome" auf alle <p>-Elemente anwenden:
<!DOCTYPE html> <html> <title>Grundlagen-Tutorial-Website(oldtoolbag.com)</title> <head> <style> p.myhome { background:red; } </style> </head> <body> <p>Mein Name ist Tütü.</p> <p class="myhome">Ich lebe in Kanada.</p> <p>Mein Name ist Tütü.</p> <p class="myhome">Ich lebe in Kanada.</p> </body> </html>Testen Sie es heraus ‹/›