დაწყებული CSS
CSS ეყრდნობა ნიმუში შესაბამისი წესების შესახებ, რათა დადგინდეს რომელი სტილი ეხება დოკუმენტში რომელი ელემენტია. ეს ნიმუშები ეწოდება სელექტორებს და ისინი მწკრივებს (მაგ., P ემთხვევა პუნქტებს) ძალიან რთულ ნიმუშებს, რომლებიც შეესაბამება დოკუმენტის ძალიან სპეციფიკურ ნაწილებს (მაგალითად, p # myid> b.highlight შეესაბამება ნებისმიერ b tag კლასი ხაზი, რომელიც არის ბავშვის პარაგრაფი id id myid).
CSS selector არის CSS სტილის ზარის ნაწილი, რომელიც განსაზღვრავს რა ვებ-გვერდის რა ფორმას. შერჩევა შეიცავს ერთ ან მეტ თვისებას, რომელიც განსაზღვრავს შერჩეულ HTML- ს .
CSS სელექტორები
არსებობს რამდენიმე სხვადასხვა ტიპის სელექტორები:
- ტიპის სელექტორები, რომლებიც შეესაბამება სპეციფიკურ ელემენტს
- კლასის სელექტორები-შესაბამისი ელემენტები კონკრეტული კლასის
- ID- ის სელექტორები-შესაბამისი ელემენტის მქონე შესაბამისი ID- თან
- შთამომავლის სელექტორები - კონკრეტული ელემენტის შთამომავლები
- ბავშვის სელექტორები-შესაბამისი ელემენტები, რომლებიც ბავშვის კონკრეტული ელემენტია
- უნივერსალური სელექტორები-შეესაბამება ნებისმიერ ელემენტს
- მიმდებარე ძმათა შერჩევა-დამთხვევა ელემენტები დაუყოვნებლივ წინ უძღვის კონკრეტულ ელემენტს
- ატრიბუტის სელექტორები-შესაბამისი ელემენტები კონკრეტული ატრიბუტით ან ატრიბუტის ღირებულებით
- ფსევდო კლასის სელექტორები-შესაბამისი ელემენტები კონკრეტული ფსევდო კლასით
- ფსევდო-ელემენტის სელექტორები-შესაბამისი ელემენტები კონკრეტული ფსევდო-ელემენტის თვისებებით
ფორმატი CSS Styles და CSS სელექტორები
CSS სტილის ფორმატი ასე გამოიყურება:
შერჩევა {style property: style; }
ცალკეული ცალკეული სელექტორები, რომლებსაც აქვთ იგივე სტილი მძიმით. ამას ეწოდება selector დაჯგუფება. მაგალითად:
selector1 , selector2 {style property: style; }
დაჯგუფება სელექტორები არის სტილინგის მექანიზმი, რომ შევინარჩუნოთ თქვენი CSS სტილის კომპაქტური.
ზემოხსენებული დაჯგუფება იგივე ეფექტი ექნება:
selector1 {style property: style; }
selector2 {style property: style; }
ყოველთვის შეამოწმე შენი CSS სელექტორები
ყველა ბრაუზერს მხარს არ უჭერს ყველა CSS სელექტორი. ასე რომ დარწმუნდით, რომ შეამოწმოთ თქვენი სელექტორები, როგორც ბევრი ბრაუზერები, როგორც ბევრი ოპერაციული სისტემა, როგორც თქვენ შეგიძლიათ. მაგრამ თუ თქვენ იყენებთ CSS 1 ან CSS2 სელექტორებს, კარგად უნდა იყოთ.