Რას ნიშნავს! მნიშვნელოვანია CSS- ში?

მნიშვნელოვანია შეიცვალოს ცვლილება კასკადიში

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

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

რას ნიშნავს ეს და, რაც მთავარია, როგორ სწორად გამოიყენოთ ეს დეკლარაცია თქვენს სტილის ფურცლებზე?

Cascade of CSS

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

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

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

ეს იმიტომ ხდება, რომ "შავი" მნიშვნელობა მეორეა. მას შემდეგ, რაც CSS წაკითხვის ზედა- to- ბოლოში, საბოლოო სტილი არის "შავი" და ამიტომ ერთი გაიმარჯვებს.

p {ფერი: წითელი; }
p {ფერი: შავი; }

რამდენად მნიშვნელოვანია პრიორიტეტი

ახლა, როდესაც გესმით, თუ როგორ ეს თითქმის იდენტური წესები დამუშავებულია CSS- ით, ჩვენ შეგვიძლია შევხედოთ, თუ როგორ!

მნიშვნელოვანი დირექტივა გავლენას ახდენს იმ გზაში, სადაც თქვენი CSS კასკადები დაცულნი არიან ყველაზე მნიშვნელოვანი და უნდა იქნეს გამოყენებული. წესი, რომელსაც აქვს! მნიშვნელოვანი დირექტივა ყოველთვის გამოიყენება, მიუხედავად იმისა, რომ ეს წესი CSS დოკუმენტში ჩანს.

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

p {ფერი: წითელი, მნიშვნელოვანია; }
p {ფერი: შავი; }

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

თუ აბსოლუტურად საჭიროა აბზაცის გამოჩენა, ეს სტილი ამას გააკეთებს, მაგრამ ეს არ ნიშნავს, რომ ეს კარგი პრაქტიკაა. მოდით შემდეგი შევხედოთ, როდესაც შეგიძლიათ გამოიყენოთ! მნიშვნელოვანია და როდესაც ეს არ არის შესაბამისი.

როდის უნდა გამოიყენოთ! მნიშვნელოვანია

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

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

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

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

გამოიყენეთ! მნიშვნელოვანია ტესტირებისთვის ან, ზოგიერთ შემთხვევაში, როდესაც აბსოლუტურად უნდა გადალახავოთ inline სტილი, რომელიც არის თემა ან თარგის ჩარჩო.

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

მომხმარებლის სტილი ცხრილები

არსებობს ერთი საბოლოო ნოტა! მნიშვნელოვანი დირექტივა, რომელიც აუცილებელია გასაგები. ამ დირექტივა ასევე იყო განთავსებული ვებ-გვერდის მომხმარებლებისთვის დახმარების გაწევის სტილის სტილების დასახმარებლად, რაც მათთვის რთულია მათთვის გამოიყენოს ან წაიკითხოს.

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

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

რედაქტირებულია Jeremy Girard