Ruang lingkup gaya CSS seri 9 (VII)

Sampah kecil · Diposting pada 17/06/2020 16.46.59

Komponen Angular 9 Series (1) yang Dimuat Secara Dinamis
https://www.itsvse.com/thread-9238-1-1.html

Parameter transmisi komponen dinamis seri 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

Seri Angular 9 (3) berlangganan peristiwa komponen dinamis
https://www.itsvse.com/thread-9246-1-1.html

Pipa Kustom Seri 9 (IV) Angular 9
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) memformat jumlah format mata uang
https://www.itsvse.com/thread-9249-1-1.html

Seri Angular 9 (VI) memanggil variabel dan metode JS asli
https://www.itsvse.com/thread-9254-1-1.html

Dalam retrospeksi, kami mencoba memodifikasi gaya komponen pihak ketiga yang diperkenalkan sebelumnya, tetapi tidak berhasil.

Gaya CSS komponen pengaturan sudut tidak berlaku solusi
https://www.itsvse.com/thread-9184-1-1.html

:host mewakili pemilih yang memilih komponen saat ini.
::ng-deep dapat mengabaikan hubungan hierarki berlapis dari className perantara. Langsung temukan className yang ingin Anda ubah.
Namun, dokumentasi resmi mengatakan bahwa ng-deep akan ditinggalkan di versi mendatang, dan tidak diketahui sintaks seperti apa yang akan terjadi di masa depan.

Properti di atas komponen dapat diatur ke styleUrls untuk mengatur stylesheet css dari komponen saat ini.

Stylesheet yang diperkenalkan hanya memengaruhi elemen tag saat ini dan tidak memengaruhi komponen lain, yang merupakan fitur penting dari kerangka kerja Angular.

Kode CSS:

Login terlihat.

Mari kita lihat gaya CSS akhir yang dihasilkan melalui browser, seperti yang ditunjukkan di bawah ini:

.itsvse1[_ngcontent-serverApp-c228] {
latar belakang-warna: biru;
}

[_nghost-serverApp-c228] .itsvse2 {
warna latar belakang: hijau;
}

[_nghost-serverApp-c228] .itsvse3 {
warna latar belakang: merah;
}

.itsvse4 {
warna latar belakang: aqua;
}

.itsvse1 hanya menata gaya komponen saat ini, .itsvse2 dan .itsvse3 memengaruhi gaya komponen turunan yang diperkenalkan, dan .itsvse3 memengaruhi gaya global.

CSS ITSVSE1 hanya dapat memengaruhi komponen saat ini karena semua elemen simpul saat ini akan menambahkan atribut "_ngcontent-serverapp-c228", seperti yang ditunjukkan pada gambar di bawah ini:

(Akhir)

Sampah kecil · Diposting pada 26/11/2021 17.07.00

Tiga cara menggunakan enkapsulasi sudut
https://www.itsvse.com/thread-9200-1-1.html

Login terlihat.

[Sudut] Ruang lingkup gaya CSS seri 9 (VII)

Pos terkait

Bagian yang dilihat