Angular 9 série (VII) zaměřovač ve stylu CSS

Malý hajzl · Zveřejněno 17.06.2020 16:46:59

Angular 9 Series (1) Dynamicky zatížené komponenty
https://www.itsvse.com/thread-9238-1-1.html

Dynamické přenosové parametry komponent řady 9 série (2)
https://www.itsvse.com/thread-9245-1-1.html

Série Angular 9 (3) podporuje dynamické události komponent
https://www.itsvse.com/thread-9246-1-1.html

Vlastní potrubí pro Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formátuje formát měny částky
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 series (VI) volá nativní JS proměnné a metody
https://www.itsvse.com/thread-9254-1-1.html

S odstupem času jsme se už dříve pokusili upravit styl zavedené třetí strany, ale nebylo to úspěšné.

Komponenta nastavení úhlu ve stylu CSS nemá efekt řešení
https://www.itsvse.com/thread-9184-1-1.html

:host představuje volič, který vybírá aktuální komponentu.
::ng-deep může ignorovat vnořené hierarchické vztahy mezilehlé třídyName. Přímo najděte název třídy, který chcete upravit.
Oficiální dokumentace však uvádí, že ng-deep bude v budoucích verzích opuštěn a není známo, jakou syntaxí se v budoucnu stane.

Vlastnost nad komponentou lze nastavit na styleUrls pro nastavení css styllistu aktuální komponenty.

Zavedený styl ovlivňuje pouze aktuální tag prvek a neovlivňuje ostatní komponenty, což je důležitá vlastnost frameworku Angular.

CSS kód:

Přihlášení je viditelné.

Podívejme se na finální generovaný styl CSS v prohlížeči, jak je uvedeno níže:

.itsvse1[_ngcontent-serverApp-c228] {
barva pozadí: azurová;
}

[_nghost-serverApp-c228] .itsvse2 {
Barva pozadí: zelená;
}

[_nghost-serverApp-c228] .itsvse3 {
Barva pozadí: červená;
}

.itsvse4 {
Barva pozadí: aqua;
}

.itsvse1 styluje pouze aktuální komponentu, .itsvse2 a .itsvse3 ovlivňují styl zavedených podkomponent a .itsvse3 ovlivňují globální styl.

ITSVSE1 CSS může ovlivnit pouze aktuální komponentu, protože všechny aktuální prvky uzlu přidají atribut "_ngcontent-serverapp-c228", jak je znázorněno na obrázku níže:

(Konec)

Malý hajzl · Zveřejněno 26.11.2021 17:07:00

Tři způsoby využití úhlového zapouzdření
https://www.itsvse.com/thread-9200-1-1.html

Přihlášení je viditelné.

[Angular] Angular 9 série (VII) zaměřovač ve stylu CSS

Související příspěvky

Prohlížené sekce