Pemilihan Pencabutan Klasifikasi CSS

Dalam CSS, selector kelas ditampilkan dengan titik.

.center {text-align: center}

Dalam contoh di atas, semua elemen HTML dengan kelas center berada di tengah.

Dalam kode HTML di bawah, elemen h1 dan p memiliki kelas center. Ini berarti keduanya akan mengikuti aturan selector ".center".

<h1 class="center">
Judul ini akan diatur ke tengah.
</h1>
<p class="center">
Paragraf ini juga akan diatur ke tengah.
</p>

Perhatian:Karakter pertama dari nama kelas tidak boleh menggunakan angka! Ini tidak akan berfungsi di Mozilla atau Firefox.

Dengan cara yang sama seperti id, class juga dapat digunakan sebagai selector turun:

.fancy td {
	color: #f60;
	background: #666;
	}

Dalam contoh ini, seluruh sel tabel yang berada di dalam elemen yang lebih besar dengan nama kelas fancy akan ditampilkan dengan latar belakang abu-abu dan teks oranye. (Elemen yang lebih besar dengan nama kelas fancy dapat berupa tabel atau div)

Elemen juga dapat dipilih berdasarkan kelas mereka:

td.fancy {
	color: #f60;
	background: #666;
	}

Dalam contoh di atas, sel tabel yang memiliki kelas fancy akan menjadi oranye dengan latar belakang abu-abu.

<td class="fancy">

Anda dapat menempatkan kelas fancy bagi setiap elemen tabel sebanyak-banyaknya. Seluruh sel yang ditandai dengan fancy akan menjadi oranye dengan latar belakang abu-abu. Sel yang belum ditugaskan kelas fancy tidak akan terpengaruh oleh aturan ini. Satu hal yang perlu dicatat adalah paragraf yang memiliki kelas fancy juga tidak akan menjadi oranye dengan latar belakang abu-abu, dan sebaliknya, setiap elemen yang ditandai dengan fancy juga tidak akan terpengaruh oleh aturan ini. Hal ini disebabkan karena cara kita menulis aturan ini, efek ini ditahan di dalam sel tabel yang ditandai dengan fancy (yaitu memilih kelas fancy menggunakan elemen td).

Isi Terkait

Jika Anda memerlukan pemahaman yang mendalam tentang pemilihan klasifikasi, silakan baca tutorial tingkat lanjut CodeW3C.com:Pemilihan Pencabutan Klasifikasi CSS。