Kita boleh menggunakan berbilang kelas CSS pada satu elemen dengan menggunakan atribut kelas dan memisahkan setiap kelas dengan ruang.
Terdapat dua cara untuk menggunakan dua kelas CSS pada satu elemen -
Gunakan atribut kelas -
<div class="class1 class2">This element has two CSS classes applied to it</div>
Gunakan JavaScript −
Memandangkan terdapat tag p dengan id 'perenggan', kami ingin memohon kelas ini -
<script>
const paragraph = document.getElementById('paragraph');
paragraph.classList.add('one');
paragraph.classList.add('two');
</script>
<!DOCTYPE html>
<html>
<head>
<title>Multiple Classes</title>
<style>
.one {
color: red;
}
.two {
font-size: 24px;
}
</style>
</head>
<body>
<p class = "one two">Using Class Attribute</p>
<p id = 'paragraph'>Using JavaScript</p>
<script>
const paragraph = document.getElementById('paragraph');
paragraph.classList.add('one');
paragraph.classList.add('two');
</script>
</body>
</html>
Simpan kod di atas dalam fail dengan sambungan .html.
Buka fail dalam pelayar web.
Atas ialah kandungan terperinci Bagaimana untuk menggunakan dua kelas CSS kepada satu elemen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk menukar perisian bahasa c ke bahasa Cina
apa itu url
Bagaimana untuk menetapkan gaya titik cad
Apakah sebab telefon bimbit mempunyai nombor kosong?
Apa yang perlu dilakukan jika fail chm tidak boleh dibuka
Tutorial tetapan kata laluan permulaan Windows 10
Apakah maksud pelayan root?
Win11 Komputer Saya Ditambah pada Tutorial Desktop
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
