Εύρος τύπου CSS Angular 9 series (VII)

Μικρά αποβράσματα · Δημοσιεύτηκε στις 17/6/2020 4:46:59 μ.μ.

Γωνιακά Σειρά 9 (1) Δυναμικά Φορτωμένα Εξαρτήματα
https://www.itsvse.com/thread-9238-1-1.html

Γωνιακές παράμετροι μετάδοσης δυναμικής συνιστώσας σειράς 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

Η σειρά Angular 9 (3) εγγράφεται σε συμβάντα δυναμικών στοιχείων
https://www.itsvse.com/thread-9246-1-1.html

Γωνιακοί αγωγοί Custom Pipe Series 9 (IV).
https://www.itsvse.com/thread-9248-1-1.html

Το Angular 9 Series (V) μορφοποιεί τη μορφή νομίσματος ποσού
https://www.itsvse.com/thread-9249-1-1.html

Η γωνιακή σειρά 9 (VI) καλεί εγγενείς μεταβλητές και μεθόδους JS
https://www.itsvse.com/thread-9254-1-1.html

Εκ των υστέρων, προσπαθήσαμε να τροποποιήσουμε το στυλ του εισαγόμενου στοιχείου τρίτου κατασκευαστή στο παρελθόν, αλλά δεν τα καταφέραμε.

Το στυλ CSS του στοιχείου γωνιακής ρύθμισης δεν τίθεται σε ισχύ
https://www.itsvse.com/thread-9184-1-1.html

Το :host αντιπροσωπεύει έναν επιλογέα που επιλέγει το τρέχον στοιχείο.
::ng-deep μπορεί να αγνοήσει τις ένθετες σχέσεις ιεραρχίας του ενδιάμεσου className. Βρείτε απευθείας το className που θέλετε να τροποποιήσετε.
Ωστόσο, η επίσημη τεκμηρίωση λέει ότι το ng-deep θα εγκαταλειφθεί σε μελλοντικές εκδόσεις και είναι άγνωστο τι είδους σύνταξη θα γίνει στο μέλλον.

Η ιδιότητα στο επάνω μέρος του συστατικού μπορεί να οριστεί σε styleUrls για να ορίσετε το φύλλο στυλ css του τρέχοντος στοιχείου.

Το εισαγόμενο φύλλο στυλ επηρεάζει μόνο το τρέχον στοιχείο tag και δεν επηρεάζει άλλα στοιχεία, το οποίο είναι ένα σημαντικό χαρακτηριστικό του πλαισίου Angular.

Κωδικός CSS:

Η σύνδεση είναι ορατή.

Ας δούμε το τελικό στυλ CSS που δημιουργήθηκε μέσω του προγράμματος περιήγησης, όπως φαίνεται παρακάτω:

.itsvse1[_ngcontent-serverApp-c228] {
χρώμα φόντου: γαλάζιο;
}

[_nghost-serverApp-c228] .itsvse2 {
χρώμα φόντου: πράσινο;
}

[_nghost-serverApp-c228] .itsvse3 {
χρώμα φόντου: κόκκινο;
}

.itsvse4 {
χρώμα φόντου: aqua;
}

Το στυλ .itsvse1 επηρεάζει μόνο το τρέχον στοιχείο, τα .itsvse2 και .itsvse3 επηρεάζουν το στυλ των θυγατρικών στοιχείων που εισάγονται και το .itsvse3 επηρεάζει το καθολικό στυλ.

Το itsvse1 css μπορεί να επηρεάσει μόνο το τρέχον στοιχείο, επειδή όλα τα τρέχοντα στοιχεία κόμβου θα προσθέσουν το χαρακτηριστικό "_ngcontent-serverapp-c228", όπως φαίνεται στο παρακάτω σχήμα:

(Τέλος)

Μικρά αποβράσματα · Δημοσιεύτηκε στις 26/11/2021 5:07:00 μ.μ.

Τρεις τρόποι χρήσης γωνιακής ενθυλάκωσης
https://www.itsvse.com/thread-9200-1-1.html

Η σύνδεση είναι ορατή.

[Γωνιώδης] Εύρος τύπου CSS Angular 9 series (VII)

σχετικές αναρτήσεις

Ενότητες που προβλήθηκαν