44 lines
1.2 KiB
HTML
44 lines
1.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8"/>
|
||
|
|
<title>Sélecteurs CSS</title>
|
||
|
|
<link rel="stylesheet" type="text/css" href="style2.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- cmd: parcel css-selecteurs.html -->
|
||
|
|
<nav>
|
||
|
|
<ul class="menu">
|
||
|
|
<li class="menu">Je suis un item avec une class sous menu</li>
|
||
|
|
<li id="home">Accueil</li>
|
||
|
|
<li>Nos services
|
||
|
|
<ul class="sousMenu">
|
||
|
|
<li>Devis</li>
|
||
|
|
<li>Placement</li>
|
||
|
|
<li>Après-vente</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>Contact</li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
<p class="menu">Bienvenue je suis titouan<br>MDR !</p>
|
||
|
|
<hr>
|
||
|
|
<p>Je vais bientôt décéder ... oupss</p>
|
||
|
|
|
||
|
|
<p class="users">
|
||
|
|
<span id="endmove" class="male">EndMove</span>
|
||
|
|
<br/>
|
||
|
|
<span id="gashila" class="female">Gashila</span>
|
||
|
|
<br/>
|
||
|
|
<span id="kezo" class="male">Kezo</span>
|
||
|
|
<br/>
|
||
|
|
<span id="kiki" class="female">Kiki</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<!-- Test du purgatoire -->
|
||
|
|
<p>
|
||
|
|
<span class="female">Si je deviens rose tu à faux ! ;-)</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|