Angular 9 seeria (VII) CSS-stiilis sihik

Väike sodi · Postitatud 17.06.2020 16:46:59

Angular 9 seeria (1) dünaamiliselt laetud komponendid
https://www.itsvse.com/thread-9238-1-1.html

Nurk-9 seeria (2) dünaamilise komponendi ülekandeparameetrit
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 seeria (3) järgib dünaamiliste komponentide sündmusi
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 seeria (IV) eritellimusel torujuhtmed
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 seeria (V) vormindab summa valuuta formaati
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 seeria (VI) kutsub natiivseid JS-muutujaid ja meetodeid
https://www.itsvse.com/thread-9254-1-1.html

Tagantjärele püüdsime varem kolmanda osapoole komponendi stiili muuta, kuid see ei õnnestunud.

Nurkseadistuse komponendi CSS-stiil ei kehti lahendust
https://www.itsvse.com/thread-9184-1-1.html

:host esindab valijat, mis valib praeguse komponendi.
::ng-deep võib ignoreerida vaheklassi Nime pesastatud hierarhiasuhteid. Leia otse see klassinimi, mida soovid muuta.
Kuid ametlik dokumentatsioon ütleb, et ng-deep jäetakse tulevastes versioonides kõrvale ning pole teada, milliseks süntaksiks see tulevikus kujuneb.

Komponendi peal olevat omadust saab seada styleUrls-iks, et määrata praeguse komponendi css stiilileht.

Sisse toodud stiilileht mõjutab ainult praegust sildi elementi ega mõjuta teisi komponente, mis on Angulari raamistiku oluline omadus.

CSS kood:

Sisselogimine on nähtav.

Vaatame lõplikku genereeritud CSS-stiili brauseris, nagu allpool näidatud:

.itsvse1[_ngcontent-serverApp-c228] {
taustavärv: sinine;
}

[_nghost-serverApp-c228] .itsvse2 {
taustavärv: roheline;
}

[_nghost-serverApp-c228] .itsvse3 {
Taustavärv: punane;
}

.itsvse4 {
Taustavärv: aqua;
}

.itsvse1 kujundab ainult praegust komponenti, .itsvse2 ja .itsvse3 mõjutavad tutvustatud lapskomponentide stiili ning .itsvse3 mõjutab globaalset stiili.

ITSVSE1 CSS saab mõjutada ainult praegust komponenti, kuna kõik praegused sõlmeelemendid lisavad atribuudi "_ngcontent-serverapp-c228", nagu alloleval joonisel näidatud:

(Lõpp)

Väike sodi · Postitatud 26.11.2021 17:07:00

Kolm viisi nurkkapseldamise kasutamiseks
https://www.itsvse.com/thread-9200-1-1.html

Sisselogimine on nähtav.

[Nurgeline] Angular 9 seeria (VII) CSS-stiilis sihik

Seotud postitused

Vaadatud sektsioonid