સીએસએસ શરૂ
CSS એ શૈલી નક્કી કરવા નિયમો પર આધાર રાખે છે કે જે દસ્તાવેજમાં કયા તત્વને લાગુ પડે છે તે નક્કી કરે છે. આ પેટર્ન પસંદગીકારો તરીકે ઓળખાતા હોય છે અને તે ટેગ નામો (ઉદાહરણ તરીકે, ફકરો ટેગ સાથે મેળ કરવા) થી લઇને ખૂબ જટિલ પેટર્ન છે જે એક દસ્તાવેજના ચોક્કસ ભાગો (ઉદાહરણ તરીકે, p # myid> b.highlight) હાઇલાઇટનો એક વર્ગ જે આઇડી મેઇડ સાથે ફકરોનો બાળક છે).
CSS પસંદગીકાર એ CSS સ્ટાઇલ કોલનું એક ભાગ છે જે સૂચવે છે કે વેબ પેજનું કયું ભાગ સ્ટાઇલ કરવું જોઈએ. પસંદગીકર્તામાં એક અથવા વધુ સંપત્તિઓ છે જે વ્યાખ્યાયિત કરે છે કે કેવી રીતે પસંદ કરેલ HTML સ્ટાઇલ થશે.
સીએસએસ પસંદગીકારો
પસંદગીકારોનાં ઘણાં વિવિધ પ્રકારો છે:
- પ્રકાર પસંદગીકારો-ચોક્કસ તત્વ સાથે બંધબેસતા
- ચોક્કસ વર્ગ સાથે વર્ગ પસંદગીકારો-મેળ ખાતી તત્વો
- ID પસંદગીકારો-ચોક્કસ ID સાથેના તત્વ સાથે બંધબેસતા
- વંશજ પસંદગીકારો -તત્વો કે જે ચોક્કસ ઘટક વંશજો છે તે મેળવવામાં આવે છે
- બાળક પસંદગીકારો-બંધબેસતા તત્વો કે જે ચોક્કસ તત્વના બાળક છે
- સાર્વત્રિક પસંદગીકારો-કોઈપણ ઘટક મેળ ખાતા
- અડીને બહેન પસંદગીકારો-બંધબેસતા ઘટકો તત્કાલ એક વિશિષ્ટ તત્વ દ્વારા આગળ
- વિશિષ્ટ લક્ષણ અથવા વિશેષતા મૂલ્ય સાથે પસંદગીકર્તા-મેળ ખાતા ઘટકોનું લક્ષણ
- સ્યુડો-ક્લાસ પસંદગીકારો-મેળ ખાતાં તત્ત્વો ચોક્કસ સ્યુડો ક્લાસ સાથે
- સ્યુડો-એલિમેન્ટ પસંદગીકારો-મેળ ખાતા તત્ત્વોને ચોક્કસ સ્યુડો-એલિમેન્ટ ગુણધર્મો સાથે
CSS સ્ટાઇલ અને CSS પસંદગીકારોનું ફોર્મેટ કરો
CSS શૈલીનું બંધારણ આના જેવું દેખાય છે:
પસંદગીકાર {શૈલી મિલકત: શૈલી; }
બહુવિધ પસંદગીકારો કે જે અલ્પવિરામથી સમાન શૈલી ધરાવે છે. આ પસંદગીકાર સમૂહ તરીકે ઓળખાય છે. દાખ્લા તરીકે:
selector1 , selector2 {શૈલી મિલકત: શૈલી; }
ગ્રુપિંગ સિલેક્શર્સ એ તમારા સીએસએસ સ્ટાઇલ કોમ્પેક્ટ રાખવા માટે લઘુલ્ય પદ્ધતિ છે.
ઉપરોક્ત જૂથની આ જ અસર હશે:
selector1 {શૈલી મિલકત: શૈલી; }
selector2 {શૈલી મિલકત: શૈલી; }
હંમેશા તમારા CSS પસંદગીકારોની ચકાસણી કરો
બધા બ્રાઉઝર્સ તમામ સીએસએસ પસંદગીકારોને સમર્થન આપતા નથી. તેથી તમારા ઑપરેટિંગ સિસ્ટમ્સ પર જેટલા તમે કરી શકો છો તેટલા બ્રાઉઝર્સમાં તમારા પસંદગીકારોને ચકાસવાની ખાતરી કરો. પરંતુ જો તમે CSS 1 અથવા CSS2 પસંદગીકારોનો ઉપયોગ કરી રહ્યાં છો, તો તમે દંડ હોવો જોઈએ.