ક્લાસ અને આઈડી વચ્ચેનો તફાવત

ક્લાસીસ વિ. આઈડી

કેસ્કેડીંગ સ્ટાઇલ શીટ્સ (CSS) એક ભાષા છે જે માર્કઅપ લેંગ્વેજનો ઉપયોગ કરીને લખાયેલા દસ્તાવેજની દેખાવ અને ફોર્મેટિંગનું વર્ણન કરે છે. HTML નો HTML માં લખાયેલ શૈલી વેબપૃષ્ઠો માટે વ્યાપકપણે ઉપયોગ થાય છે. CSS HTML તત્વો માટે શૈલીઓ લાગુ કરવા ઉપરાંત તમારી પોતાની શૈલી પસંદગીકારોને સ્પષ્ટ કરવાની મંજૂરી આપે છે. આ ID અને વર્ગ પસંદગીકારોનો ઉપયોગ કરીને કરવામાં આવે છે. એક અનન્ય તત્વ માટે શૈલીને સ્પષ્ટ કરતી વખતે, ID પસંદકર્તાનો ઉપયોગ થાય છે. ઘટકોના જૂથ માટે શૈલીને સ્પષ્ટ કરતી વખતે, વર્ગ પસંદગીકાર ઉપયોગમાં લેવાય છે.

વર્ગ - 1 ->

વર્ગ શું છે?

CSS માં, વર્ગ પસંદગીકારનો ઉપયોગ તમારી પોતાની શૈલીને તત્વોના જૂથમાં લાગુ કરવા માટે થઈ શકે છે. વર્ગ પસંદગીકારનો ઉપયોગ એ જ વર્ગ સાથેના ઘટકોના સેટમાં ચોક્કસ શૈલીને લાગુ કરવા માટે થાય છે. CSS માં, ક્લાસ પસંદગીકારને સંપૂર્ણ સ્ટોપ (.) દ્વારા ઓળખવામાં આવે છે નીચે CSS માં વ્યાખ્યાયિત વર્ગ પસંદગીકારનું ઉદાહરણ છે.

my_class {

રંગ: વાદળી;

ફોન્ટ-વજન: બોલ્ડ;

}

એચટીએમએલ ક્લાસમાં વ્યાખ્યાયિત ક્લાસનો ઉલ્લેખ કરી શકે છે.

આ મારું ફોર્મેટિંગ છે

આ મારું ફોર્મેટિંગ ફરીથી છે

ઉપર દર્શાવ્યા મુજબ, સમાન વર્ગનો ઉપયોગ બહુવિધ ઘટકો માટે કરી શકાય છે અને એક જ ઘટક બહુવિધ વર્ગોનો ઉપયોગ કરી શકે છે. જ્યારે સમાન ઘટકોમાં બહુવિધ વર્ગોનો ઉપયોગ કરવામાં આવે છે, ત્યારે વર્ગો ગર્ભાશય દર્શાવ્યા પ્રમાણે સ્પેસ દ્વારા સીલ કરેલ ક્લાસ એટ્રીબ્યુટમાં શામેલ થાય છે.

આ બે વર્ગોનો ઉપયોગ કરીને મારી ફોર્મેટિંગ છે

એક ID શું છે?

CSS માં, ID પસંદગીકાર એક અનન્ય તત્વમાં તમારી પોતાની શૈલીને લાગુ કરવા માટે વાપરી શકાય છે. CSS માં, એક ID પસંદગીકારને હેશ (#) દ્વારા ઓળખવામાં આવે છે. નીચે CSS માં વ્યાખ્યાયિત ID પસંદગીકારનું ઉદાહરણ છે.

#my_ID {

રંગ: લાલ;

ટેક્સ્ટ સંરેખિત કરો: જમણે;

}

એચટીએમએલ સીડીમાં વ્યાખ્યાયિત થયેલ આઇડી પસંદગીકાર નો ઉલ્લેખ કરી શકે છે, જે દર્શાવે છે કે એટ્રીબ્રીટ id નો ઉપયોગ કરીને bellow.

આ મારું ફોર્મેટિંગ ફોર્મ છે ID પસંદગીકાર

ID અનન્ય છે તેથી દરેક તત્વમાં ફક્ત એક જ ID હોઈ શકે છે અને દરેક પૃષ્ઠમાં તે ચોક્કસ ID સાથે ફક્ત એક જ તત્વ હોઈ શકે છે. ID ને એક મહત્વપૂર્ણ લાક્ષણિકતા છે જેનો ઉપયોગ બ્રાઉઝર સાથે થઈ શકે છે જો પૃષ્ઠ URL માં હેશ મૂલ્ય છે (દા.ત. // myweb. Com # my_id) તો બ્રાઉઝર આપમેળે "my_id" ID સાથે ઘટકને શોધવાનો પ્રયત્ન કરશે અને તે ઘટક દર્શાવવા માટે વેબ પૃષ્ઠ સ્ક્રોલ કરશે. આ એક કારણ છે કે શા માટે પેજ પાસે તે ચોક્કસ ID સાથેનો એક જ તત્વ હોવું જોઈએ, જેથી બ્રાઉઝર એ તત્વ શોધી શકે.

વર્ગ અને ID વચ્ચે શું તફાવત છે?

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