જો તમે તમારી વેબસાઇટ પર શૈલીના નિયમો લાગુ કરવા માંગતા હો, પછી પસંદગીકારો સૂચવેલ સંસાધન છે. પસંદગીકારોના ઘણા પ્રકારો છે, જેમાંથી કેટલાક વધુ લોકપ્રિય છે. આ માટે આજે અમે તમને બતાવીએ છીએ કે CSS માં કયા લક્ષણ પસંદગીકારો છે, જેથી કરીને તમે આ સાધનોનો મહત્તમ લાભ મેળવી શકો.
CSS નો ઉપયોગ કરીને તમે ઘણા વિકલ્પોનો ઉપયોગ કરી શકો છો જે તમારી વેબસાઇટની રજૂઆતમાં તમને ખૂબ મદદ કરશે. વિશેષતા પસંદગીકારો તેઓ તત્વોને સીમાંકિત કરવા માટે સેવા આપશે, અને કસ્ટમાઇઝેશન કાર્યને સરળ બનાવશે. જો કે આ વિષય તેની સાથે જોડાયેલા ન હોય તેવા લોકો માટે જટિલ હોઈ શકે છે, તેના વિશે શીખવું તમારા માટે ઘણા દરવાજા ખોલી શકે છે.
CSS નો અર્થ શું છે?
જો તમે વેબ ડિઝાઇનની દુનિયા સાથે જોડાયેલા છો, તો તમે આ શબ્દ વારંવાર સાંભળ્યો હશે. કેસ્કેડીંગ સ્ટાઇલ શીટ્સ (CSS) એ એક પ્રોગ્રામિંગ ભાષા છે જે તમને ઝડપથી અને સરળતાથી HTML દસ્તાવેજ બનાવવા અને સંશોધિત કરવાની મંજૂરી આપે છે. આનો અર્થ એ છે કે તે એક એવી ભાષા છે કે જેની સાથે તમે ડિઝાઇનનું સંચાલન કરી શકો છો, ફેરફારો કરી શકો છો, રજૂઆત કરી શકો છો, સુધારણા કરી શકો છો અને વેબ પૃષ્ઠોને વ્યક્તિગત પણ કરી શકો છો. તેનું નામ એ હકીકત પરથી આવ્યું છે કે તે તમને ઘણી શીટ્સ પર બીજા પાસેથી વારસામાં મળેલી મિલકતોની ગણતરી કરવાની મંજૂરી આપે છે. વેબ ડિઝાઇનમાં આને વોટરફોલ કહેવામાં આવે છે.
CSS માં વિશેષતા પસંદગીકારો શું છે?
CSS પસંદગીકારો તમે તમારા CSS તત્વોને જે શૈલી આપવા માંગો છો તે વ્યાખ્યાયિત કરવા માટે તમે ઉપયોગ કરો છો તે સાધનો છે. આ ભાષામાં ઘણા પ્રકારના પસંદગીકારો છે, દરેકની પોતાની વાક્યરચના અને ઉપયોગિતા છે. સાચા પ્રોગ્રામિંગ નિયમોનો ઉપયોગ બ્રાઉઝરને ચોક્કસ તત્વો પર ચોક્કસ ગુણધર્મો લાગુ કરવામાં મદદ કરે છે.
બીજી તરફ, એટ્રિબ્યુટ સિલેક્ટર્સ એ સીએસએસમાં આપણી પાસે જે પસંદગીકારો છે તેમાંથી એક છે. તેઓ ખૂબ જ ઉપયોગી છે, જો કે કેટલીકવાર અન્ય સામાન્ય પસંદગીકારો જેમ કે વર્ગ અથવા ટેગ પસંદગીકારો જેટલા જાણીતા નથી. CSS પસંદગીકારો માટે વપરાય છે અમે કયા ક્ષેત્રોમાં શૈલીઓ લાગુ કરવા માંગીએ છીએ તેનો ઉલ્લેખ કરો.
CSS માં, પસંદગીકારો અમારા વેબ પૃષ્ઠના HTML ઘટકોને સીમાંકિત કરવા માટે સેવા આપે છે કે જેના પર અમે શૈલી લાગુ કરવા માંગીએ છીએ. CSSમાં ઘણા પસંદગીકારો છે જે તમને ખૂબ જ ચોકસાઇ સાથે તત્વો પસંદ કરવાની મંજૂરી આપે છે શૈલીઓ લાગુ કરતી વખતે. આ કહેવાતા વિશેષતા પસંદગીકારો ખાતરી કરે છે કે તમે તેમના લક્ષણો અને/અથવા મૂલ્યોના આધારે HTML ઘટકો પસંદ કરો છો.
વિશેષતા પસંદગીકારોના પ્રકારો શું છે?
[લક્ષણ_નામ] એલિમેન્ટ્સ પસંદ કરે છે કે જેનું નામ attribute_name નામનું લક્ષણ ધરાવે છે, તેના મૂલ્યને ધ્યાનમાં લીધા વિના સેટ કરે છે.
[લક્ષણ_નામ=મૂલ્ય] એલિમેન્ટ્સ પસંદ કરે છે જેની વિશેષતા એટ્રિબ્યુટ_નામ નામની કિંમત સમાન મૂલ્ય પર સેટ છે.
[લક્ષણ_નામ~=મૂલ્ય] એલિમેન્ટ્સ પસંદ કરે છે કે જેમાં એટ્રિબ્યુટ_નામ સેટ કહેવાય છે અને ઓછામાં ઓછું એક એટ્રિબ્યુટ મૂલ્ય મૂલ્ય છે.
[લક્ષણ_નામ|=મૂલ્ય], એટ્રિબ્યુટ_નામ સેટ નામની વિશેષતા ધરાવતા તત્વોને પસંદ કરે છે.
[લક્ષણ_નામ$=મૂલ્ય] ટૅગ્સ પસંદ કરો જેની વિશેષતા આ મૂલ્ય સાથે સમાપ્ત થાય છે.
[લક્ષણ_નામ^=મૂલ્ય] ટૅગ્સ પસંદ કરે છે જેની વિશેષતા આ મૂલ્યથી શરૂ થાય છે.
અપરકેસ અને લોઅરકેસ અક્ષરોને કેવી રીતે સંબંધિત કરવું?
જો તમે વિશેષતાઓના મૂલ્યોને સંબંધિત કરવા માંગો છો કેસ-સંવેદનશીલ, તમે બંધ કૌંસ પહેલાં મૂલ્ય "i" નો ઉપયોગ કરી શકો છો. આ ફ્લેગ બ્રાઉઝરને તમામ ASCII અક્ષરો સાથે મેચ કરવા કહે છે, પછી ભલે તે અપરકેસ હોય કે લોઅરકેસ. આ ધ્વજ વિના, મૂલ્યો દસ્તાવેજના કેસ-સંવેદનશીલ ભાષા માર્ગદર્શિકા અનુસાર સંકલિત કરવામાં આવે છે. HTML કેસ સંવેદનશીલ છે.
એટ્રિબ્યુટ સિલેક્ટર ઓપરેટર્સ શું છે?
અમે ઉપયોગ કરી શકો છો વિશેષતા પસંદગીકારો માટે કેટલાક ઓપરેટરો જે એટલા જાણીતા નથી, અને તે અમને સલાહ લીધેલ વિશેષતાઓમાં ચોક્કસ મૂલ્યોના દેખાવને નોંધપાત્ર રીતે રિફાઇન કરવાની મંજૂરી આપે છે.
આ એટ્રિબ્યુટ સિલેક્ટર્સમાં ઉપલબ્ધ ઓપરેટર્સ છે
*= (સમાવેલ): * ઓપરેટર તમને ઓછામાં ઓછા એક વખત વિશેષતાના મૂલ્ય તરીકે ચોક્કસ સ્ટ્રિંગ ધરાવતા ઘટકોને પસંદ કરવાની મંજૂરી આપે છે.
^= (લક્ષણ મૂલ્યની શરૂઆતમાં થાય છે): એવા તત્વોને પસંદ કરો કે જેમાં વિશેષતા હોય જેની કિંમત ચોક્કસ સ્ટ્રિંગથી શરૂ થાય.
$= (લક્ષણ મૂલ્યના અંતે થાય છે): એલિમેન્ટ્સ પસંદ કરે છે કે જેનું મૂલ્ય ચોક્કસ સ્ટ્રિંગ સાથે સમાપ્ત થાય છે.
~= (ચોક્કસ શબ્દ સમાવે છે અથવા જગ્યાઓ દ્વારા અલગ કરેલ છે): એવા ઘટકોને પસંદ કરે છે કે જેની વિશેષતા મૂલ્યમાં એવી સામગ્રી છે જે ચોક્કસ સ્ટ્રિંગ સાથે બરાબર મેળ ખાતી હોય, અથવા ઉલ્લેખિત સ્ટ્રિંગ સાથે સ્પેસ-સેપરેટેડ શબ્દ ધરાવે છે.
|= (ચોક્કસ શબ્દ ધરાવે છે અથવા હાઇફન્સ દ્વારા અલગ થયેલ છે): ઉપરની જેમ જ, પરંતુ શબ્દને ખાલી જગ્યાને બદલે હાઇફન્સ દ્વારા અલગ કરી શકાય છે.
CSS માં પસંદગીકારોનો ઉપયોગ કેવી રીતે કરવો?
CSS માં પસંદગીકારોનો ઉપયોગ કરવાની બે સંભવિત રીતો છે. જો તમારી પાસે સમાન દસ્તાવેજમાં HTML કોડ અને CSS કોડ છે, તમારે ફક્ત તમારી સાઇટના હેડમાં CSS પસંદગીકાર ઉમેરવાની જરૂર છે.
બીજી બાજુ, જો તમારું HTML અને CSS અલગ-અલગ દસ્તાવેજોમાં છે, તમારી પાસે index.html નામનો દસ્તાવેજ હોઈ શકે છે અને style.css નામનો બીજો દસ્તાવેજ. index.html ફાઇલમાં કોડની એક લાઇન શામેલ હોવી આવશ્યક છે જે CSS ફાઇલને કૉલ કરે છે, જેથી તમારી વેબસાઇટ પર શૈલીઓ યોગ્ય રીતે પ્રદર્શિત થાય.
અમે CSS માં અન્ય કયા પ્રકારનાં પસંદગીકારો શોધીએ છીએ?
પસંદગીકારોના જુદા જુદા જૂથો છે. તમને કયા પ્રકારના સિલેક્ટરની જરૂર છે તેનાથી વાકેફ રહો તમારા પ્રોજેક્ટ માટે આદર્શ સાધનનો ઉપયોગ કરવામાં મદદ કરશે. તેથી જ અમે તમને નીચે કેટલાક બતાવીએ છીએ:
પ્રકાર, વર્ગ અને ઓળખકર્તા પસંદગીકારો
આ જૂથનો સમાવેશ થાય છે પસંદગીકારો કે જે HTML તત્વને પ્રતિબંધિત કરે છે, ફાઇલની જેમ. તેમાં પસંદગીકારો પણ છે જે વર્ગ અથવા ઓળખકર્તાને પ્રતિબંધિત કરે છે.
સ્યુડોક્લાસીસ અને સ્યુડોએલિમેન્ટ્સ
પસંદગીકારોના આ જૂથમાં સ્યુડોક્લાસીસનો સમાવેશ થાય છે, જે તેઓ તત્વની ચોક્કસ સ્થિતિઓને ફોર્મેટ કરે છે. ઉદાહરણ તરીકે, હોવર સ્યુડો-ક્લાસ એક તત્વને ત્યારે જ પસંદ કરે છે જ્યારે માઉસ તેના પર ફરે છે. તેમાં સ્યુડો-એલિમેન્ટ્સનો પણ સમાવેશ થાય છે જે એલિમેન્ટને બદલે એલિમેન્ટનો ચોક્કસ ભાગ પસંદ કરે છે
કોમ્બિનર્સ
પસંદગીકારોની આ શ્રેણી દ્વારા અન્ય પસંદગીકારો સંયુક્ત છે, અમારા દસ્તાવેજોના વિવિધ ઘટકોને અલગ કરવાના ઉદ્દેશ્ય સાથે.
સાર્વત્રિક પસંદગીકાર
આપમેળે ફૂદડી (*) જે સાર્વત્રિક પસંદગીકાર પ્રતીક છે, ચોક્કસ દસ્તાવેજના તમામ ઘટકો પસંદ કરે છે.
ID પસંદગીકાર
ID વિશેષતા પર આધારિત તત્વોને પસંદ કરવાના ઉદ્દેશ્ય સાથે આ પ્રકાર હાંસલ કરવામાં આવ્યો હતો.
જો તમે વેબસાઇટ પર બનેલી દરેક વસ્તુને નિયંત્રિત કરવા માંગતા હોવ, ચોક્કસપણે તેને મેળવવાની શ્રેષ્ઠ રીત તમારી પોતાની ડિઝાઇન દ્વારા છે. તેમના માટે તમે એટ્રિબ્યુટ સિલેક્ટર્સ જેવા ટૂલ્સનો ઉપયોગ કરી શકો છો. તેથી જો તમે વિચારી રહ્યા હોવ કે CSS માં કયા લક્ષણ પસંદગીકારો છે, આ લેખમાં અમે તમને જવાબો આપ્યા હોવાની આશા રાખીએ છીએ. જો તમને લાગે કે અમે કંઈક મહત્વપૂર્ણ છોડી દીધું છે, તો અમને ટિપ્પણીઓમાં જણાવો.