Apakah pemilih kelas dalam css3

青灯夜游
Lepaskan: 2022-03-11 19:02:12
asal
4650 orang telah melayarinya

Dalam CSS3, pemilih kelas merujuk kepada pemilih kelas, yang membenarkan gaya ditentukan dengan cara yang bebas daripada elemen dokumen Ia digunakan untuk menerangkan gaya sekumpulan elemen dan boleh digunakan dalam pelbagai elemen. Pemilih kelas diwakili oleh atribut kelas dalam HTML dan titik "."

Apakah pemilih kelas dalam css3

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Dalam CSS3, pemilih kelas merujuk kepada pemilih kelas, yang merupakan salah satu pemilih paling asas.

Pemilih kelas membolehkan anda menentukan gaya dengan cara yang bebas daripada elemen dokumen Ia digunakan untuk menerangkan gaya sekumpulan elemen dan boleh digunakan dalam berbilang elemen.

Pemilih kelas diwakili oleh atribut kelas dalam HTML Dalam CSS, pemilih kelas dipaparkan dengan titik ".":

kod html

<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>
Salin selepas log masuk

Kod CSS

.center{text-align:center;}
Salin selepas log masuk

Apakah pemilih kelas dalam css3

Nota: Nombor tidak boleh digunakan sebagai aksara pertama nama kelas! Ia tidak akan berfungsi dalam Mozilla atau Firefox.

Pemilih kelas boleh digunakan bersendirian atau digabungkan dengan pemilih lain.

.fancy td {
	color: #f60;
	background: #666;
}
Salin selepas log masuk

Dalam contoh di atas, sel jadual di dalam elemen yang lebih besar dengan nama kelas mewah akan memaparkan teks oren pada latar belakang kelabu. (Elemen yang lebih besar bernama fancy boleh menjadi jadual atau div)

td.fancy {
	color: #f60;
	background: #666;
}
Salin selepas log masuk

Dalam contoh di atas, sel jadual dengan nama kelas fancy akan berwarna oren dengan latar belakang kelabu.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Apakah pemilih kelas dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan