Bagaimanakah cara saya menggunakan berbilang kelas CSS pada satu elemen HTML?

Barbara Streisand
Lepaskan: 2024-11-05 07:33:02
asal
569 orang telah melayarinya

How do I apply multiple CSS classes to a single HTML element?

Memohon Berbilang Kelas CSS pada Satu Elemen

Adalah mungkin untuk menetapkan berbilang kelas CSS kepada elemen HTML. Ini membolehkan anda menggunakan pelbagai gaya dan gelagat pada elemen yang sama secara serentak.

Kaedah 1: Menggunakan Berbilang Nama Kelas

Untuk menggunakan berbilang kelas pada satu elemen, hanya senaraikannya dalam atribut kelas, dipisahkan oleh ruang. Contohnya:

<code class="html"><a class="c1 c2">aa</a></code>
Salin selepas log masuk

Dalam contoh ini, teg anchor menerima kedua-dua kelas c1 dan c2.

Kaedah 2: Menggunakan CSS Selector

Untuk menyasarkan elemen yang mengandungi semua kelas yang ditentukan, gunakan pemilih CSS ini tanpa sebarang ruang:

<code class="css">.c1.c2 {
  /* Styles */
}</code>
Salin selepas log masuk

Pemilih ini hanya akan memadankan elemen yang mempunyai kedua-dua kelas c1 dan c2 digunakan.

Penyelesaian masalah

Jika menggunakan kedua-dua kelas secara serentak tidak berkesan, pastikan tiada gaya bercanggah digunakan pada elemen. Semak fail CSS atau pemeriksa penyemak imbas anda untuk mengesahkan bahawa kelas digunakan dengan betul.

Atas ialah kandungan terperinci Bagaimanakah cara saya menggunakan berbilang kelas CSS pada satu elemen HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!