CSS эхэлж байна
CSS нь баримтын элемэнтэнд аль хэв маягт хамаатайг тодорхойлохын тулд хэвлэлтийн тохирсон дүрэмд тулгуурладаг. Эдгээр загваруудыг сонгон шалгаруулагчид гэж нэрлэдэг бөгөөд тэдгээр нь хаягны нэрээс (жишээ нь, догол мөрнүүдийг тааруулахын тулд) p нь маш тодорхой төвөгтэй хэв маягт (жишээ нь, p # myid> b.highlight нь ямар ч b тагтай таарах болно Илэрхийлэлтэй хүүхдийн догол мөрийг тодруулсан анги).
CSS сонгогч нь вэб хуудсын ямар хэсгийг загварлах ёстойг тодорхойлдог CSS загварын дуудлагын нэг хэсэг юм. Сонголтын сонголт нь сонгосон HTML загварыг хэрхэн тодорхойлохыг тодорхойлох нэг буюу хэд хэдэн шинж чанарыг агуулна.
CSS сонгогчид
Сонгогчдын хэд хэдэн төрөл байдаг.
- тусгай элементийг тохируулах төрөл сонгогч
- тодорхой ангилалтай бүлэг сонгон шалгаруулагч элемент
- ID сонгон шалгаруулагчид-тусгай ID-тай элементийг тааруулах
- удам сонгогч - тодорхой элементийн удамтай элементүүдийг тохируулах
- тусгай элементийн хүүхдийн хэсэг болох хүүхдийн сонгон шалгаруулагч элемент
- Аль ч элементийг тохируулах бүх нийтийн сонгон шалгаруулагч
- Тодорхой элементийн өмнө нэн даруй тохирох элементүүдийг сонгох элементүүд
- тусгай шинж чанар эсвэл атрибутын утга бүхий шинж чанарын сонгон шалгаруулагч элемент
- тодорхой псевдо класстай псевдо класс-сонгосон элементүүд
- псевдо-элементийн сонгон шалгаруулагч-элементүүд нь тусгай псевдо-элементийн шинж чанартай байна
Формат CSS Styles болон CSS Сонгогчид
CSS загварын формат дараах байдалтай байна:
selector {style property: style; }
Загвартай ижил загвартай олон тооны салааг сонгох. Үүнийг сонгон шалгаруулагч бүлэглэл гэж нэрлэдэг. Жишээлбэл:
selector1 , selector2 {загварын өмч: хэв маяг; }
Бүлэг сонгон шалгаруулагч нь таны CSS загварыг нягталж байх богино хугацааны механизм юм.
Дээрх бүлэглэл нь доорхтой адил үр нөлөөтэй байх болно:
selector1 {style property: style; }
selector2 {style property: style; }
Өөрийн CSS сонгогчдыг үргэлж шалга
Бүх хөтчүүдийг бүх CSS сонгогчдод дэмждэггүй. Тиймээс таны сонгосон хүмүүс олон тооны хөтөч дээрээ аль болох олон тооны үйлдлийн систем дээр туршиж үзээрэй. Гэхдээ та CSS 1 эсвэл CSS2 сонгон хэрэглэдэг бол та зүгээр байх ёстой.