Pengumpulan CSS dan pemilih bersarang
Pemilih Berkumpulan dan Bersarang CSS
Pemilih Dikumpulkan
Di sana adalah banyak elemen dengan gaya yang sama dalam helaian gaya, Untuk meminimumkan kod, anda boleh menggunakan pemilih kumpulan. Pisahkan setiap pemilih dengan koma.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
h1,h2,p
{
color:green;
}
</style>
</head>
<body>
<h1> PHP中文網(wǎng)你</h1>
<h2>php.cn</h2>
<p>學習PHP知識的好選擇.</p>
</body>
</html>Jalankan program dan cuba
Pemilih Bersarang
Ia mungkin terpakai pada penggayaan pemilih dalam pemilih .
Dalam contoh berikut, tiga gaya ditetapkan:
Tentukan gaya untuk semua elemen p >
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}
</style>
</head>
<body>
<p>褪盡風華，我依然在彼岸守護你</p>
<div class="marked">
<p>那些繁華哀傷終成過往，</p>
</div>
<p>請不要失望，平凡是為了最美的蕩氣回腸。</p>
</body>
</html>Jalankan program untuk mencubanya
