Nakasalalay ang CSS sa mga patakaran ng pagtutugma ng pattern upang matukoy kung aling estilo ang naaangkop sa kung anong elemento sa dokumento. Ang mga pattern na ito ay tinatawag mga tagapili at kumakalat sila mula sa mga pangalan ng tag (halimbawa,
p upang tumugma sa mga tag ng talata) sa napakasalimuot na mga pattern na tumutugma sa mga partikular na bahagi ng isang dokumento (halimbawa,
p # myid> b.highlight ay tumutugma sa anumang
b tag na may isang klase ng
i-highlight iyon ay isang anak ng talata na may id
myid).
Ang CSS selector ay bahagi ng isang estilo ng CSS na tawag na tumutukoy kung anong bahagi ng web page ang dapat na istilong. Ang tagapili ay naglalaman ng isa o higit pang mga ari-arian na tumutukoy sa kung paano naka-istilong ang napiling HTML.
Ang CSS Selectors
Mayroong maraming iba't ibang uri ng mga tagapili:
- type selectors - tumutugma sa isang partikular na elemento
- Mga tagapili ng klase - tumutugma sa mga elemento na may partikular na klase
- Mga tagapili ng ID - na tumutugma sa elemento na may partikular na ID
- mga supling na inapo - mga elementong tumutugma na mga inapo ng isang partikular na elemento
- Mga tagapili ng bata - tumutugma sa mga elemento na isang bata ng partikular na elemento
- Mga pangkalahatang tagapili - na tumutugma sa anumang elemento
- katabi ng mga tagapili ng kapatid - tumutugma sa mga elemento na agad na nauna sa pamamagitan ng isang partikular na elemento
- Mga tagapili ng katangian - mga elementong tumutugma sa isang tukoy na katangian o halaga ng katangian
- pseudo-class selectors - tumutugma sa mga elemento na may isang tiyak na pseudo klase
- pseudo-elemento ng mga tagapili - tumutugma sa mga elemento na may partikular na mga katangian ng pseudo-element
Format ng Mga Estilo ng CSS at Mga Tagapili ng CSS
Ang format ng estilo ng CSS ganito ang ganito:
selector {estilo ng estilo: estilo; }
Paghiwalayin ang maramihang mga tagapili na may parehong estilo na may mga kuwit. Ito ay tinatawag na grupo ng tagapili. Halimbawa:
selector1 , selector2 {estilo ng estilo: estilo; }
Ang pagpapangkat ng mga tagapili ay isang mekanismo ng shorthand upang panatilihin ang iyong mga estilo ng CSS na compact. Ang pagpapangkat sa itaas ay magkakaroon ng parehong epekto tulad ng:
selector1 {style property: style; }selector2 {estilo ng estilo: estilo; } Hindi sinusuportahan ng lahat ng mga browser ang lahat ng mga tagapili ng CSS. Kaya siguraduhin na subukan ang iyong mga tagapili sa maraming mga browser sa maraming mga operating system hangga't maaari. Ngunit kung gumagamit ka ng mga tagapili ng CSS1 o CSS2 dapat kang maging multa. Laging Subukan ang iyong mga Tagapili ng CSS
