English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Manuel complet des sélecteurs CSS
Utiliser la classe "content" pour sélectionner et définir le style de tous les éléments :
!DOCTYPE html>
<html>
<title>Site de tutoriels de base (oldtoolbag.com)</title>
<head>
<style>
.content
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>Bienvenue sur ma page d'accueil</h1>
<div class="content">
<p>Mon nom est Titi.</p>
<p>Je vis au Canada.</p>
</div>
<p>Ma meilleure amie est Lili.</p>
</body>
</html>Voyons si ça marche ‹/›.classUn sélecteur est utilisé pour définir le style de tous les éléments de la classe.
IEFirefoxOperaChromeSafari
Tous les navigateurs populaires le supportent.classSélecteur
Appliquer le style class="myhome" à tous les éléments <p> :
!DOCTYPE html>
<html>
<title>Site de tutoriels de base (oldtoolbag.com)</title>
<head>
<style>
p.myhome
{
background:red;
}
</style>
</head>
<body>
<p>Mon nom est Titi.</p>
<p class="myhome">Je vis au Canada.</p>
<p>Mon nom est Titi.</p>
<p class="myhome">Je vis au Canada.</p>
</body>
</html>Voyons si ça marche ‹/›