Fillimi i CSS
CSS mbështetet në rregullat e përputhjes së modeleve për të përcaktuar se cili stil zbatohet në cilin element në dokument. Këto modele quhen selektorë dhe variojnë nga emrat e etiketave (për shembull, p të përputhen me etiketat e paragrafit) në modele shumë të ndërlikuara që përputhen me pjesë shumë specifike të një dokumenti (p.sh., p # myid> b.highlight do të përputhej me çdo tag b me një klasë e theksuar që është një fëmijë i paragrafit me id id).
Një përzgjedhës i CSS është pjesë e një thirrje stili të CSS që identifikon se cila pjesë e faqes së internetit duhet të jetë vetëquajtur. Selektori përmban një ose më shumë prona që përcaktojnë se si do të personalizohet HTML-ja e përzgjedhur.
Zgjedhësit e CSS
Ekzistojnë disa lloje të ndryshme zgjedhësish:
- lloj përzgjedhësish - që përputhen me një element të veçantë
- përzgjedhësit e klasës që përputhen me një klasë specifike
- ID përzgjedhësit - që përputhen me elementin me një ID të veçantë
- përzgjedhësit pasardhës - elemente që krijojnë elemente që janë pasardhës të një elementi specifik
- elementët e zgjedhjes së fëmijëve që përputhen me fëmijën e elementit të veçantë
- zgjedhës universalë - që përputhen me çdo element
- elementët e përzgjedhësve të afërm të vëllezërve, të cilët paraprakisht paraprihen nga një element specifik
- atributet e elementeve të përzgjedhësve që përputhen me një atribut të veçantë ose vlera atributuese
- pseudo-klasa zgjedhësit-elementët përputhen me një pseudo klasë të veçantë
- Elementet e zgjedhjes së elementeve pseudo-elementë me vetitë specifike pseudo-elemente
Format Format CSS dhe CSS Selectors
Formati i një stili CSS duket kështu:
përzgjedhësi {property style: style; }
Zgjedhni përzgjedhës të shumëfishtë që kanë të njëjtin stil me kometa. Kjo quhet grupim përzgjedhësish. Për shembull:
përzgjedhësi1 , selektori2 {pronë stil: stil; }
Grupimi i selektorëve është një mekanizëm stenografik për të mbajtur kompakt stilet e CSS.
Grupi i mësipërm do të ketë të njëjtin efekt si:
përzgjedhës1 {pronë stil: stil; }
përzgjedhës2 {pronë stil: stil; }
Gjithmonë testoni zgjedhësit tuaj CSS
Jo të gjithë shfletuesit mbështesin të gjithë zgjedhësit e CSS. Pra, jini të sigurt për të testuar selektors tuaj në sa më shumë shfletues në sa më shumë sisteme operative që mundeni. Por nëse jeni duke përdorur CSS 1 ose CSS2 selectors ju duhet të jetë mirë.