Kampinis 9 serijos (VII) CSS stiliaus taikiklis

Mažai purvo · Paskelbta 2020-06-17 16:46:59

Angular 9 serijos (1) dinamiškai apkrauti komponentai
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 serijos (2) dinaminių komponentų perdavimo parametrai
https://www.itsvse.com/thread-9245-1-1.html

"Angular 9" serija (3) prenumeruoja dinaminių komponentų įvykius
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 serijos (IV) Custom Pipe vamzdynai
https://www.itsvse.com/thread-9248-1-1.html

"Angular 9" serija (V) formatuoja sumos valiutos formatą
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 serija (VI) iškviečia vietinius JS kintamuosius ir metodus
https://www.itsvse.com/thread-9254-1-1.html

Retrospektyviai anksčiau bandėme modifikuoti įvesto trečiosios šalies komponento stilių, tačiau tai buvo nesėkminga.

Kampinio nustatymo komponento CSS stilius neįsigalioja sprendimas
https://www.itsvse.com/thread-9184-1-1.html

:host reiškia parinkiklį, kuris pasirenka dabartinį komponentą.
::ng-deep gali nepaisyti įdėtųjų tarpinės klasės hierarchijos ryšių. Tiesiogiai raskite klasės pavadinimą, kurį norite modifikuoti.
Tačiau oficialiuose dokumentuose teigiama, kad ng-deep bus atsisakyta būsimose versijose, ir nežinoma, kokia sintaksė ji taps ateityje.

Komponento viršuje esančią ypatybę galima nustatyti į styleUrls, kad būtų nustatytas dabartinio komponento css stiliaus lapas.

Pristatytas stiliaus lapas veikia tik dabartinį žymos elementą ir neturi įtakos kitiems komponentams, o tai yra svarbi kampinės sistemos savybė.

CSS kodas:

Prisijungimas matomas.

Pažvelkime į galutinį sugeneruotą CSS stilių per naršyklę, kaip parodyta toliau:

.itsvse1[_ngcontent-serverApp-c228] {
fono spalva:žydra;
}

[_nghost-serverApp-c228] .itsvse2 {
fono spalva: žalia;
}

[_nghost-serverApp-c228] .itsvse3 {
fono spalva: raudona;
}

.itsvse4 {
fono spalva: aqua;
}

.itsvse1 stilizuoja tik dabartinį komponentą, .itsvse2 ir .itsvse3 – įvestų antrinių komponentų stilių, o .itsvse3 – visuotinį stilių.

ITSVSE1 CSS gali paveikti tik dabartinį komponentą, nes visi dabartiniai mazgo elementai pridės atributą "_ngcontent-serverapp-c228", kaip parodyta paveikslėlyje žemiau:

(Pabaiga)

Mažai purvo · Paskelbta 2021-11-26 17:07:00

Trys kampinio kapsuliavimo naudojimo būdai
https://www.itsvse.com/thread-9200-1-1.html

Prisijungimas matomas.

[Kampinis] Kampinis 9 serijos (VII) CSS stiliaus taikiklis

Susijusios žinutės

Peržiūrėtos sekcijos