Rumah > Artikel > hujung hadapan web > Bagaimana untuk menentukan bahawa gaya hanya digunakan pada elemen induk elemen tersebut dan elemen anak elemen tersebut dalam HTML?
Bagaimana untuk menentukan bahawa gaya hanya digunakan pada elemen induk elemen tersebut dan elemen anak elemen tersebut dalam HTML?
- PHPzke hadapan
- 2023-08-26 08:01:151285semak imbas
Gunakan atribut scoped untuk menyatakan bahawa gaya hanya terpakai kepada elemen induk dan anak-anaknya -
Contoh
<!DOCTYPE html>
<html>
<head>
<style>
h2 {
color:yellow;
}
</style>
</head>
<body>
<div>
<style scoped>
h2 {
color:grey;
}
</style>
<h2>Grey Heading</h2>
</div>
<h2>Yellow Heading</h2>
</body>
</html>Atas ialah kandungan terperinci Bagaimana untuk menentukan bahawa gaya hanya digunakan pada elemen induk elemen tersebut dan elemen anak elemen tersebut dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Paparkan teks berlangganan dalam HTMLArtikel seterusnya：Paparkan teks berlangganan dalam HTML