Szögletes 9-es sorozat (VII) CSS-stílusú távcső

Kis szemét · Közzétéve 2020. 06. 17. 16:46:59

Angular 9 sorozat (1) Dinamikusan feltöltött alkatrészek
https://www.itsvse.com/thread-9238-1-1.html

Szöges 9-es sorozat (2) dinamikus komponens átviteli paraméter
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 sorozat (3) feliratkozik dinamikus komponens eseményekre
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 sorozatú (IV) egyedi csővezetékek
https://www.itsvse.com/thread-9248-1-1.html

Az Angular 9-es sorozat (V) formátumban a pénz összege formátumát
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 sorozat (VI) natív JS változókat és metóduszokat hív
https://www.itsvse.com/thread-9254-1-1.html

Utólag próbáltuk módosítani a bemutatott harmadik féltől származó komponens stílusát, de sikertelenül jártunk.

Szögbeállítási komponens CSS stílus nem lép hatásos megoldást
https://www.itsvse.com/thread-9184-1-1.html

A :host egy választót képvisel, amely kiválasztja az aktuális komponenst.
::ng-deep figyelmen kívül hagyhatja a középhaladó osztályName-i beágyazott hierarchia kapcsolatait. Közvetlenül keresd meg azt az osztálynevet, amit módosítani szeretnél.
Azonban a hivatalos dokumentáció szerint az ng-deep a jövőbeli verziókban el fog hagyni, és nem ismert, milyen szintaxissá válik a jövőben.

A komponens felett lévő tulajdonság styleUrl-re állítható, hogy beállítsuk a jelenlegi komponens css stíluslapját.

A bevezetett stíluslap csak a jelenlegi címkés elemet érinti, és nem érinti a többi komponenset, ami az Angular keretrendszer fontos jellemzője.

CSS kód:

A bejelentkezés látható.

Nézzük meg a böngészőn keresztül generált végleges CSS stílust, ahogy az alábbiakban látható:

.itsvse1[_ngcontent-serverApp-c228] {
háttérszín: azékes;
}

[_nghost-serverApp-c228] .itsvse2 {
háttérszín: zöld;
}

[_nghost-serverApp-c228] .itsvse3 {
háttérszín: piros;
}

.itsvse4 {
háttérszín: aqua;
}

A .itsvse1 csak a jelenlegi komponenst stilizálja, a .itsvse2 és .itsvse3 a bevezetett gyermekkomponensek stílusát befolyásolja, míg a .itsvse3 a globális stílust befolyásolja.

Az itsvse1 css csak a jelenlegi komponensre hat hatással, mert minden aktuális csomópont elem hozzáadja a "_ngcontent-serverapp-c228" attribútumot, ahogy az alábbi ábrán látható:

(Vége)

Kis szemét · Közzétéve 2021. 11. 26. 17:07:00

Három módja a szöglezárás alkalmazásának
https://www.itsvse.com/thread-9200-1-1.html

A bejelentkezés látható.

[Szöglet] Szögletes 9-es sorozat (VII) CSS-stílusú távcső

Kapcsolódó bejegyzések

Megtekintett szakaszok