Denne artikkelen er en speilartikkel om maskinoversettelse, vennligst klikk her for å hoppe til originalartikkelen.

Architect_Programmer_Code Landbruksnettverket»Arkitekt › Front-end design og web › Frontramme › Angular 9-serie (VII) CSS-stil teleskop
Utsikt: 9238|Svare: 1

[Kantet] Angular 9-serie (VII) CSS-stil teleskop

[Kopier lenke]
Publisert på 17.06.2020 16:46:59 | | | |
Angular 9-serie (1) dynamisk lastede komponenter
https://www.itsvse.com/thread-9238-1-1.html

Vinkel 9-serie (2) dynamiske komponenttransmisjonsparametere
https://www.itsvse.com/thread-9245-1-1.html

Angular 9-serie (3) abonnerer på dynamiske komponenthendelser
https://www.itsvse.com/thread-9246-1-1.html

Angular 9-serie (IV) spesialrørledninger
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formaterer beløpsvalutaformatet
https://www.itsvse.com/thread-9249-1-1.html

Vinkel 9-serie (VI) kaller native JS-variabler og metoder
https://www.itsvse.com/thread-9254-1-1.html
I ettertid prøvde vi å endre stilen til den introduserte tredjepartskomponenten tidligere, men det lyktes ikke.

Vinkelinnstillingskomponent CSS-stil har ikke effekt på løsningen
https://www.itsvse.com/thread-9184-1-1.html
:host representerer en velger som velger den nåværende komponenten.
::ng-deep kan ignorere de nestede hierarki-relasjonene til mellomklassenNavn. Finn direkte klassenavnet du vil endre.
Den offisielle dokumentasjonen sier imidlertid at ng-deep vil bli forlatt i fremtidige versjoner, og det er ukjent hvilken type syntaks det vil bli i fremtiden.

Egenskapen på toppen av komponenten kan settes til styleUrls for å sette css-stilarket til den nåværende komponenten.

Det introduserte stilarket påvirker kun det nåværende tag-elementet og påvirker ikke andre komponenter, noe som er en viktig egenskap ved Angular-rammeverket.


CSS-kode:

La oss se på den endelige genererte CSS-stilen gjennom nettleseren, som vist nedenfor:



.itsvse1[_ngcontent-serverApp-c228] {
    bakgrunnsfarge: azurblå;
}

[_nghost-serverApp-c228] .itsvse2 {
    bakgrunnsfarge: grønn;
}

[_nghost-serverApp-c228] .itsvse3 {
    bakgrunnsfarge: rød;
}

  .itsvse4 {
    Bakgrunnsfarge: Aqua;
}
.itsvse1 styler kun den nåværende komponenten, .itsvse2 og .itsvse3 påvirker stilen til de introduserte barnekomponentene, og .itsvse3 påvirker den globale stilen.

ITSVSE1 CSS kan bare påvirke den nåværende komponenten fordi alle nåværende nodeelementer vil legge til attributtet "_ngcontent-serverapp-c228", som vist i figuren nedenfor:



(Slutt)




Foregående:Finn videolinken til den 17. utgaven av Marco Linux Advanced Cloud Computing Operations Workshop
Neste:Forskjellen mellom "!=" og "<>" i SQL-setninger

Relaterte innlegg
 Vert| Publisert på 26.11.2021 17:07:00 |
Tre måter å bruke vinkelinnkapsling på
https://www.itsvse.com/thread-9200-1-1.html

Ansvarsfraskrivelse:
All programvare, programmeringsmateriell eller artikler publisert av Code Farmer Network er kun for lærings- og forskningsformål; Innholdet ovenfor skal ikke brukes til kommersielle eller ulovlige formål, ellers skal brukerne bære alle konsekvenser. Informasjonen på dette nettstedet kommer fra Internett, og opphavsrettstvister har ingenting med dette nettstedet å gjøre. Du må fullstendig slette innholdet ovenfor fra datamaskinen din innen 24 timer etter nedlasting. Hvis du liker programmet, vennligst støtt ekte programvare, kjøp registrering, og få bedre ekte tjenester. Hvis det foreligger noen krenkelse, vennligst kontakt oss på e-post.
Mail To:help@itsvse.com