Kelas dalam CSS bukan teg, tetapi pemilih kelas, yang fungsinya adalah untuk menentukan gaya semua elemen kelas sebelum menggunakan pemilih kelas, anda perlu mengubah suai teg dokumen tertentu supaya pemilih kelas boleh berfungsi dengan betul ; dan untuk mengaitkan gaya pemilih kelas dengan elemen, kelas mesti dinyatakan sebagai nilai yang sesuai.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3, komputer DELL G3
Apakah peranan tag kelas dalam css?
Kelas dalam css bukan label, tetapi pemilih kelas.
kelas ialah pemilih kelas yang membenarkan gaya ditentukan dengan cara yang bebas daripada elemen dokumen.
Sebelum menggunakan pemilih kelas, penanda dokumen tertentu perlu diubah suai supaya pemilih kelas berfungsi dengan betul.
Untuk mengaitkan gaya pemilih kelas dengan elemen, kelas mesti dinyatakan sebagai nilai yang sesuai. Lihat kod HTML berikut:
<h1 class="important"> This heading is very important. </h1> <p class="important"> This paragraph is very important. </p>
Dalam kod di atas, kelas dua elemen dinyatakan sebagai penting: tajuk pertama (elemen h1) dan perenggan kedua (elemen p).
Pengenalan berkaitan:
Apabila nilai kelas mengandungi perkataan. Dalam HTML, nilai kelas mungkin mengandungi senarai perkataan yang dipisahkan oleh ruang.
Contohnya: Jika anda ingin menandakan elemen tertentu sebagai penting dan amaran pada masa yang sama, anda boleh menulis:
;/p> Urutan kedua-dua perkataan ini tidak penting, ia juga boleh ditulis sebagai amaran penting.
Anggapkan bahawa semua elemen dengan kelas penting adalah tebal, dan semua elemen dengan amaran kelas adalah condong Semua elemen yang mengandungi kedua-dua penting dan amaran dalam kelas juga mempunyai latar belakang perak.
boleh ditulis sebagai: .penting {font-weight:bold;} .warning {font-weight:italic;} .important.warning {background:silver;} dengan memautkan dua pemilih kelas bersama , hanya elemen yang mengandungi kedua-dua nama kelas ini boleh dipilih (urutan nama kelas tidak terhad).
Pembelajaran yang disyorkan: "tutorial video css"
Atas ialah kandungan terperinci Apakah fungsi tag kelas dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!