CSS પસંદગીકાર વર્ગ અને id વચ્ચે શું તફાવત છે? HTML માં id અને વર્ગનો ઉપયોગ

CSS પસંદગીકાર વર્ગ અને id વચ્ચે શું તફાવત છે? HTML માં id અને વર્ગનો ઉપયોગ

ચેન વેઇલીંગહાલમાં અમલમાં છેSEO, સાઇટને ઑપ્ટિમાઇઝ કરોવર્ડપ્રેસથીમ

જો કે મેં પહેલા કેટલાક મૂળભૂત HTML અને CSS જ્ઞાન શીખ્યા છે, પરંતુ મેં તેને થોડા સમય માટે સંચાલિત કર્યું નથી, ખાસ કરીને CSS ભાગનો ઉપયોગ, તે ભૂલી જવું સરળ છે.

તેથી, CSS પસંદગીકાર id અને વર્ગના તફાવત અને વપરાશને અહીં રેકોર્ડ કરો અને સારાંશ આપો:

• id #div ને અનુરૂપ છે
• વર્ગ .div ને અનુરૂપ છે

આઈડી અને વર્ગ વચ્ચેનો તફાવત

આઈડી વર્ણન

• id એ એક નિશ્ચિત ટેગ છે, જેનો ઉપયોગ વેબ પેજમાં મોટી શૈલીને વ્યાખ્યાયિત કરવા માટે થાય છે, જે #div ના રૂપમાં વ્યાખ્યાયિત થયેલ છે.
• ઉદાહરણ તરીકે: કૉલમ, ટોપ, બોડી, બોટમ, વગેરેને વિભાજિત કરવું...
• ચોક્કસ ઘટકને વ્યાખ્યાયિત કરવા માટે વપરાય છે, જે પૃષ્ઠ દીઠ માત્ર એક જ વાર દેખાઈ શકે છે અને વારંવાર કૉલ કરી શકાતો નથી.

વર્ગ વર્ણન

• વર્ગ એ એક શૈલી જૂથ છે, જેનો ઉપયોગ વેબ પેજમાં વિગતવાર શૈલીઓને વ્યાખ્યાયિત કરવા માટે થાય છે. તે .div ના સ્વરૂપમાં વ્યાખ્યાયિત કરવામાં આવે છે અને તેને પુનરાવર્તિત કરી શકાય છે.
• ઉદાહરણ તરીકે: ચોક્કસ મેનૂ, ટેક્સ્ટની લાઇન, વગેરે...
• એક જ પૃષ્ઠ પર, તેને બહુવિધ ઘટકો દ્વારા વારંવાર બોલાવી શકાય છે

div સિલેક્ટર પાસે કોઈ પ્રોપર્ટીઝ હોતી નથી. તેના css ને વ્યાખ્યાયિત કરીને, તે કેટલાક લેઆઉટને નિયંત્રિત કરે છે જેમ કે div ની પહોળાઈ, ઊંચાઈ, પૃષ્ઠભૂમિ રંગ અને ટેક્સ્ટનું કદ.

જનરલઇ વાણિજ્યવેબસાઇટ,વેબસાઇટ બનાવોપ્રોગ્રામ દ્વારા જનરેટ થયેલ html વેબ પેજ CSS દ્વારા પેજ લેઆઉટને સાકાર કરવાનું છે.

પસંદગીકાર શું છે?

દરેક CSS શૈલીની વ્યાખ્યામાં 2 ભાગોનો સમાવેશ થાય છે:

选择器 {样式}

• {} પહેલાંનો ભાગ "પસંદકર્તા" છે.
• "પસંદગીકર્તા" એ {} ની "શૈલી" સૂચવે છે કે જેના પર તે કાર્ય કરે છે.
• એટલે કે, આ "શૈલી" વેબ પૃષ્ઠના કયા ઘટક પર કામ કરે છે?

કોડ ઉદાહરણ

વર્ગ="સાઇડબાર" તત્વને કેવી રીતે પસંદ કરવું અને શૈલી કરવી તે અહીં છે:

.sidebar
{ 
background-color:black;
}

id="footer" વડે એલિમેન્ટ કેવી રીતે પસંદ કરવું અને સ્ટાઇલ કરવું તે અહીં છે:

#footer
{ 
background-color:black;
}