Simula CSS
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 na mga tagapili at may hanay mula sa mga pangalan ng tag (halimbawa, p upang tumugma sa mga tag ng talata) sa mga napaka-komplikadong mga pattern na tumutugma sa mga partikular na bahagi ng isang dokumento (halimbawa, ang p # myid> b.highlight ay tutugma sa anumang b tag na may isang klase ng highlight na isang bata ng talata na may id idinagdag).
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:
- uri ng mga tagapili-tumutugma sa isang partikular na elemento
- Mga elemento ng pagtutugma ng klase na tumutugma sa isang partikular na klase
- Mga tagapili ng ID-na tumutugma sa elemento na may partikular na ID
- mga supling na inapo -magpapalit ng mga elemento na mga inapo ng isang partikular na elemento
- mga elemento na tumutugma sa pagpili ng bata na isang bata ng partikular na elemento
- Ang mga pandaigdigang tagapili-tumutugma sa anumang elemento
- ang mga katabing mga elemento ng pagtutugma ng mga tagapili na agad na sinundan ng isang partikular na elemento
- attribute selectors-matching elements na may isang partikular na attribute o attribute value
- pseudo-class selectors-matching elements na may isang tiyak na pseudo klase
- Mga elemento ng pseudo-elemento na tumutugma sa mga elemento na tumutukoy sa mga tiyak 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 ari-arian: 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; }
Laging Subukan ang iyong mga Tagapili ng CSS
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 CSS 1 o CSS2 dapat kang maging multa.