Cara Menyasarkan Kelas CSS Di Dalam Kelas CSS Lain

”. Kemudian, peruntukkan atribut kelas untuk kegunaan selanjutnya.

Langkah 2: Buat Bekas 'div' Bersarang

Seterusnya, buat bekas div bersarang dengan mengikuti prosedur yang sama dalam langkah 1:

< div kelas = 'kandungan utama' >

< div kelas = 'meja' >

< div kelas = 'baris' >

< div kelas = 'c-kiri' > Kahwin < / div >

< div kelas = 'c-betul' > Jack < / div >

< div kelas = 'c-kiri' > Tom < / div >

< div kelas = 'c-betul' > Julai < / div >

< / div >

< / div >

< / div >

Pengeluaran

---

---

Langkah 3: Gunakan Penggayaan pada Bekas 'div' Utama

Akses utama ' div ” bekas dengan bantuan nama kelas sebagai “ .kandungan utama ”:

.kandungan utama {

lebar : 40% ;

margin : 0 auto ;

warna : biru ;

sempadan : 2px bertitik biru ;

penjajaran teks : pusat ;

}

di sini:

• “ lebar ” menentukan saiz lebar elemen.
• “ margin ” memperuntukkan ruang di sekeliling elemen di luar sempadan yang ditentukan.
• “ warna ” mentakrifkan warna untuk teks tambahan dalam elemen.
• “ sempadan ” mentakrifkan garis besar atau sempadan di sekeliling elemen dalam HTML.
• “ Penjajaran teks ” mentakrifkan penjajaran teks unsur.

Langkah 4: Gayakan kelas lain

Akses kelas utama CSS dan kelas bersarang lain dengan menggunakan nama mereka. Kemudian, tetapkan lebar bekas dengan menentukan nilai mengikut pilihan anda:

.kandungan utama .meja {

lebar : 80% ;

}

Selain itu, akses kelas lain dengan mengikuti prosedur yang sama seperti di atas dan gunakan sifat CSS yang disebutkan dalam coretan kod di bawah:

.kandungan utama .c-betul {

paparan : blok sebaris ;

Saiz huruf : 20px ;

}

Mengikut coretan kod di atas:

• “ paparan sifat ” digunakan untuk menetapkan paparan unsur.
• “ Saiz huruf ” menentukan saiz teks yang ditambahkan dalam bekas.

Sekarang, akses kelas lain dengan menggunakan kaedah yang sama dan gunakan sifat CSS berikut seperti yang dinyatakan di bawah:

.kandungan utama .c-kiri {

lebar : 140px ;

margin-kanan : 6px ;

Saiz huruf : 16px ;

}

Untuk berbuat demikian, kami akan memohon ' lebar ”, “ margin-kanan ” dan “ Saiz huruf ” untuk tujuan penggayaan.

Selain itu, akses utama ' div ” di sepanjang bekas div bersarang lain dengan menggunakan nama kelas mereka dan menggunakan sifat CSS berikut

.utama .c-betul {

lebar : auto ;

Saiz huruf : 15px ;

warna : #F F F ;

margin-kanan : 20px ;

berat fon : biasa ;

}

Pengeluaran

Itu sahaja tentang menyasarkan kelas CSS di dalam kelas CSS yang lain.

Kesimpulan

Untuk menyasarkan kelas CSS dalam kelas CSS yang lain, mula-mula, akses utama ' div ” melalui atribut kelas yang diberikan. Kemudian, akses bekas 'div' lain dengan mengikuti prosedur yang sama. Tambahan pula, pengguna boleh menyasarkan kelas CSS dalam kelas CSS lain. Siaran ini telah menunjukkan kaedah untuk menyasarkan kelas CSS dalam kelas CSS yang lain.