Rumah > Artikel > hujung hadapan web > Apa yang digunakan untuk menyambung kelas dalam css3
Apa yang digunakan untuk menyambung kelas dalam css3
- WBOYasal
- 2021-12-23 17:30:222069semak imbas
Dalam CSS3, anda boleh menggunakan pemilih ".class" untuk menyambung ke kelas. Pemilih ini digunakan untuk memilih elemen dengan kelas tertentu Selepas memilih elemen yang ditentukan, anda boleh menetapkan gaya elemen yang dipilih . Sintaksnya ialah: ".class{css style code;}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Apakah yang digunakan untuk menyambung kelas dalam css3?
.pemilih kelas memilih elemen dengan kelas tertentu (kelas).
Pemilih kelas membenarkan gaya ditentukan dengan cara yang bebas daripada elemen dokumen.
Pemilih ini boleh digunakan secara bersendirian atau digabungkan dengan elemen lain.
Petua: Pemilih ini hanya boleh digunakan selepas dokumen telah ditandakan dengan sewajarnya, jadi menggunakan mana-mana pemilih biasanya memerlukan sedikit pemikiran dan perancangan.
Untuk menggunakan gaya tanpa mengira elemen reka bentuk tertentu, cara yang paling biasa ialah menggunakan pemilih kelas.
Pemilih .class menentukan gaya semua elemen kelas.
Contoh adalah seperti berikut:
<html>
<head>
<style>
.intro
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>Welcome to My Homepage</h1>
<div class="intro">
<p>My name is Donald.</p>
<p>I live in Duckburg.</p>
</div>
<p>My best friend is Mickey.</p>
</body>
</html>Hasil keluaran:
(Belajar perkongsian video: css tutorial video )
Atas ialah kandungan terperinci Apa yang digunakan untuk menyambung kelas dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!