Cara Menargetkan Kelas CSS Di Dalam Kelas CSS Lain

”. Kemudian, alokasikan atribut kelas untuk digunakan lebih lanjut.

Langkah 2: Buat Kontainer 'div' Bersarang

Selanjutnya, buat wadah div bersarang dengan mengikuti prosedur langkah 1 yang sama:

< div kelas = 'isi utama' >

< div kelas = 'meja' >

< div kelas = 'baris' >

< div kelas = 'celah' > Nikah < / div >

< div kelas = 'b-benar' > Mendongkrak < / div >

< div kelas = 'celah' > tom < / div >

< div kelas = 'b-benar' > Juli < / div >

< / div >

< / div >

< / div >

Keluaran

---

---

Langkah 3: Terapkan Gaya pada Kontainer 'div' Utama

Akses utama “ div ” wadah dengan bantuan nama kelas sebagai “ .isi utama ”:

.isi utama {

lebar : 40% ;

batas : 0 mobil ;

warna : biru ;

berbatasan : 2px burik biru ;

perataan teks : tengah ;

}

Di Sini:

• “ lebar ” menentukan ukuran lebar elemen.
• “ batas ” mengalokasikan ruang di sekitar elemen di luar batas yang ditentukan.
• “ warna ” menentukan warna untuk teks yang ditambahkan dalam elemen.
• “ berbatasan ” mendefinisikan garis besar atau batas di sekitar elemen dalam HTML.
• “ Perataan teks ” mendefinisikan perataan teks elemen.

Langkah 4: Gaya kelas lain

Akses kelas utama CSS dan kelas bersarang lainnya dengan menggunakan namanya. Kemudian, atur lebar wadah dengan menentukan nilainya sesuai pilihan Anda:

.isi utama .meja {

lebar : 80% ;

}

Selanjutnya, akses kelas lain dengan mengikuti prosedur yang sama seperti di atas dan terapkan properti CSS yang disebutkan dalam potongan kode di bawah ini:

.isi utama .c-benar {

menampilkan : inline-blok ;

ukuran huruf : 20px ;

}

Menurut potongan kode di atas:

• “ menampilkan ” properti digunakan untuk mengatur tampilan suatu elemen.
• “ ukuran huruf ” menentukan ukuran teks yang ditambahkan dalam wadah.

Sekarang, akses kelas lain dengan menggunakan metode yang sama dan terapkan properti CSS berikut seperti yang disebutkan di bawah ini:

.isi utama .celah {

lebar : 140px ;

margin-kanan : 6px ;

ukuran huruf : 16px ;

}

Untuk melakukannya, kami akan menerapkan “ lebar ”, “ margin-kanan ' Dan ' ukuran huruf ” untuk tujuan penataan.

Selain itu, akses utama “ div ” bersama wadah div bersarang lainnya dengan memanfaatkan nama kelasnya dan menerapkan properti CSS berikut

.utama .c-benar {

lebar : mobil ;

ukuran huruf : 15px ;

warna : #fff ;

margin-kanan : 20px ;

font-berat : normal ;

}

Keluaran

Itu semua tentang menargetkan kelas CSS di dalam kelas CSS lain.

Kesimpulan

Untuk menargetkan kelas CSS di dalam kelas CSS lain, pertama-tama, akses “ div ” melalui atribut kelas yang ditetapkan. Kemudian, akses container “div” lainnya dengan mengikuti prosedur yang sama. Selain itu, pengguna dapat menargetkan kelas CSS di dalam kelas CSS lainnya. Posting ini telah menunjukkan metode untuk menargetkan kelas CSS di dalam kelas CSS lain.