Peraturan CSS digunakan tanpa kelas, mengapa?-Soal Jawab Rangkaian PHP Cina

Artikel Topik pembelajaran Muat turun Soal Jawab Kamus Pengaturcaraan Permainan kemas kini terkini

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Peraturan CSS digunakan tanpa kelas, mengapa?

P粉795311321 2023-09-04 13:26:05

428

Saya mentakrifkan peraturan CSS:

.info-specs h2, h3, h4, h5 { saiz fon: 1.5em; text-transform: tiada; }

Ini seharusnya hanya berfungsi untuk h5 dalam elemen dengan kelas "info-specs". Walau bagaimanapun, selepas diperiksa, saya mendapati bahawa elemen h5 lain juga menggunakan peraturan ini. kenapa? Berikut ialah contoh:

.info-specs h2, h3, h4, h5 { saiz fon:5em; text-transform: tiada; }

mytest

P粉795311321

membalas semua (1)

P粉3080890802023-09-05 11:21:47 Tingkat 1

Penerjemah CSS penyemak imbas akan mencari apa sahaja dalamh3、h4和h5元素，并且仅查找h2 它将查看它是否在.info-specs. Pemilih koma atau berkumpulan menganggap semua yang dipisahkan dengan koma sebagai pilihan berasingan.

Penyelesaian yang mungkin untuk masalah anda ialah:

/* These select for any h2, h3, h4 and h5 within .info-specs */ .info-specs h2, .info-specs h3, .info-specs h4, .info-specs h5 { text-decoration: underline; } /* These select for ant h2, h3, h4 and h5 that are direct chldren of .info-specs */ .info-specs > h2, .info-specs > h3, .info-specs > h4, .info-specs > h5 { color: red; }

 In this example the headings within inf-specs will all be underlined but only the headings that are direct children of info-specs will be coloured red.
 Heading 2
 Heading 3
  Heading 3 in another div
 
 Heading 4
 Heading 5