Šis raksts ir mašīntulkošanas spoguļraksts, lūdzu, noklikšķiniet šeit, lai pārietu uz oriģinālo rakstu.

Architect_Programmer_Code Lauksaimniecības tīkls»Arhitekts › Front-end dizains un tīmeklis › Priekšējais rāmis › Angular 9 sērijas (VII) CSS stila tvērums
Skats: 9238|Atbildi: 1

[Leņķis] Angular 9 sērijas (VII) CSS stila tvērums

[Kopēt saiti]
Publicēts 17.06.2020 16:46:59 | | | |
Angular 9 sērijas (1) dinamiski noslogoti komponenti
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 sērijas (2) dinamisko komponentu transmisijas parametri
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 sērija (3) abonē dinamisko komponentu notikumus
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 sērijas (IV) pielāgoti cauruļu cauruļvadi
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 sērija (V) formatē summas valūtas formātu
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 sērija (VI) izsauc vietējos JS mainīgos un metodes
https://www.itsvse.com/thread-9254-1-1.html
Retrospektīvi, mēs mēģinājām mainīt ieviestā trešās puses komponenta stilu iepriekš, bet tas bija neveiksmīgs.

Leņķa iestatījuma komponenta CSS stils nestājas spēkā risinājums
https://www.itsvse.com/thread-9184-1-1.html
:host apzīmē atlasītāju, kas atlasa pašreizējo komponentu.
::ng-deep var ignorēt starpklases nosaukuma ligzdotās hierarhijas relācijas. Tieši atrodiet className, kuru vēlaties modificēt.
Tomēr oficiālajā dokumentācijā teikts, ka ng-deep tiks atteikts turpmākajās versijās, un nav zināms, kāda veida sintakse tā kļūs nākotnē.

Rekvizītu komponenta augšpusē var iestatīt styleUrls, lai iestatītu pašreizējā komponenta css stila lapu.

Ieviestā stila lapa ietekmē tikai pašreizējo taga elementu un neietekmē citus komponentus, kas ir svarīga Angular ietvara iezīme.


CSS kods:

Apskatīsim galīgo ģenerēto CSS stilu, izmantojot pārlūkprogrammu, kā parādīts tālāk:



.itsvse1[_ngcontent-serverApp-c228] {
    fona krāsa:debeszils;
}

[_nghost-serverApp-c228] .itsvse2 {
    fona krāsa: zaļa;
}

[_nghost-serverApp-c228] .itsvse3 {
    fona krāsa: sarkana;
}

  .itsvse4 {
    fona krāsa: ūdens;
}
.itsvse1 veido tikai pašreizējo komponentu, .itsvse2 un .itsvse3 ietekmē ieviesto pakārtoto komponentu stilu, bet .itsvse3 ietekmē globālo stilu.

ITSVSE1 CSS var ietekmēt tikai pašreizējo komponentu, jo visi pašreizējie mezgla elementi pievienos atribūtu "_ngcontent-serverapp-c228", kā parādīts zemāk redzamajā attēlā:



(Beigas)




Iepriekšējo:Atrodiet Marco Linux Advanced Cloud Computing Operations Workshop 17. izdevuma video saiti
Nākamo:Atšķirība starp "!=" un "<>" SQL priekšrakstos

Saistītās ziņas
 Saimnieks| Publicēts 26.11.2021 17:07:00 |
Trīs veidi, kā izmantot leņķisko iekapsulēšanu
https://www.itsvse.com/thread-9200-1-1.html

Atruna:
Visa programmatūra, programmēšanas materiāli vai raksti, ko publicē Code Farmer Network, ir paredzēti tikai mācību un pētniecības mērķiem; Iepriekš minēto saturu nedrīkst izmantot komerciāliem vai nelikumīgiem mērķiem, pretējā gadījumā lietotājiem ir jāuzņemas visas sekas. Informācija šajā vietnē nāk no interneta, un autortiesību strīdiem nav nekāda sakara ar šo vietni. Iepriekš minētais saturs ir pilnībā jāizdzēš no datora 24 stundu laikā pēc lejupielādes. Ja jums patīk programma, lūdzu, atbalstiet oriģinālu programmatūru, iegādājieties reģistrāciju un iegūstiet labākus oriģinālus pakalpojumus. Ja ir kādi pārkāpumi, lūdzu, sazinieties ar mums pa e-pastu.
Mail To:help@itsvse.com