English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考手册

CSS @规则(RULES)

Complete List of CSS Properties

CSS .class KlasseSelektor

Vollständiges Referenzhandbuch für CSS-Selektoren

Online-Beispiel

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 ‹/›

Definition und Verwendung

 .classEin Selektor ist eine Klasse, die alle Elemente eines bestimmten Typs stilisiert.

Browser-Kompatibilität

IEFirefoxOperaChromeSafari

Alle gängigen Browser unterstützen.classSelektor

Online-Beispiel

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 ‹/›
Vollständiges Referenzhandbuch für CSS-Selektoren