Angular კომპონენტის სტილები
ახლა მოდით, დავსტილიზოთ ჩვენი ვერსტკა
CSS-ის საშუალებით. ამისთვის გამოგვადგება ფაილი
app.component.css, სადაც იწერება
კომპონენტის ვერსტკის CSS სტილები. ამ შემთხვევაში
Angular თავად ზრუნავს იმაზე, რომ სტილები
იმუშაონ როგორც CSS მოდული. ეს ნიშნავს, რომ
ყველა სელექტორი მუშაობს მხოლოდ
კომპონენტის ვერსტკისთვის და არ დაიპყრობს
გარეთ არსებულ ვერსტკას.
მოდით შევხედოთ პრაქტიკაში. დავუშვათ, ჩვენს კომპონენტში არის შემდეგი ვერსტკა:
<div>
abcde
</div>
მოდით, მივანიჭოთ div-ს ფერი:
div {
color: red;
}
ამ შემთხვევაში ჩვენ შეგვიძლია დავრწმუნდეთ, რომ სტილი გამოიყენება მხოლოდ ჩვენი კომპონენტის div-ებზე და არა სხვებზე.
შექმენით ტემპლეიტის ფაილში რაიმე ვერსტკა. დაწერეთ სტილები ამ ვერსტკისთვის.
