Ვისწავლოთ რა კასკადი in კასკადური სტილი ფურცლები ნიშნავს

CSS მოკლე კურსი

კასკადის არის ის, რაც ხდის CSS სტილის ფურცლები იმდენად სასარგებლოა. მოკლედ, კასკადი განსაზღვრავს უპირატესობის წესს, თუ როგორ უნდა იქნას გამოყენებული კონფლიქტური სტილი. სხვა სიტყვებით, თუ ორი სტილის გაქვთ:

p {ფერი: წითელი; }
p {ფერი: ლურჯი; }

კასკადი განსაზღვრავს რომელი ფერის პარაგრაფები უნდა იყოს, მიუხედავად იმისა, რომ სტილის ფურცელი აღნიშნავს, რომ ისინი წითელი და ლურჯი უნდა იყვნენ. საბოლოოდ, მხოლოდ ერთი ფერი შეიძლება გამოყენებულ იქნას პუნქტებით, ამიტომ უნდა იყოს წესრიგი.

ამ ბრძანებას მიმართავს რომელი სელექციონერების მიერ (ზემოთ მოცემულ მაგალითში) ყველაზე მაღალი პრეცედენტი აქვს და რომელი დოკუმენტია დოკუმენტში.

შემდეგი სია არის გამარტივება როგორ თქვენი ბრაუზერის გადაწყვეტს უპირატესობა სტილი:

1. შეხედეთ სტილი ფურცელს, რომელიც შეესაბამება ელემენტს. თუ არ არსებობს განსაზღვრული სტილი, გამოიყენეთ ნაგულისხმევი წესები ბრაუზერში
2. შეარჩიეთ სტილი ფურცელი შერჩეულებისთვის, მნიშვნელოვანია და გამოიყენე ისინი შესაბამისი ელემენტების მიმართ.
3. ყველა სტილის სტილის ფურცელი გადალახავს ნაგულისხმევი ბრაუზერის სტილებს (გარდა სტილი ცხრილების შემთხვევაში).
4. უფრო კონკრეტული სტილი სელექტორი, უმაღლესი წინაპირობა მას ექნება. მაგალითად, div> p.class უფრო კონკრეტულია, ვიდრე p.class, რომელიც უფრო კონკრეტულია, ვიდრე გვ.
5. და ბოლოს, თუ ორი წესი ვრცელდება იმავე ელემენტზე და აქვს იგივე სელექტორის უპირატესობა, ის, რაც ბოლოს დატვირთული იქნება, გამოყენებული იქნება. სხვა სიტყვებით რომ ვთქვათ, სტილის ფურცელი წაიკითხავს ზემოდან, და სტილის გამოყენება ერთმანეთის თავზე.

ამ წესების მიხედვით, ზემოთ მოყვანილ მაგალითებში, პარაგრაფები ცისფერში დაიწერა, რადგან p {ფერადი: ლურჯი; } მოდის სტილის ფურცელში.

ეს კასკადი ძალიან გამარტივებული ახსნაა. თუ თქვენ ხართ დაინტერესებული სწავლის კასკადის შესახებ, უნდა წაიკითხოთ რას ნიშნავს "კასკადი" სტილის კასკადში? .