કેસ્કેડીંગ સ્ટાઇલ શીટ્સમાં કાસ્કેડ શું છે તે જાણો

સીએસએસ લઘુ અભ્યાસક્રમ

કાસ્કેડ એ CSS સ્ટાઇલ શીટ્સને તેથી ઉપયોગી બનાવે છે. ટૂંકમાં, કાસ્કેડ વિરોધાભાસી શૈલીઓ કેવી રીતે લાગુ પાડવા જોઈએ તે માટે અગ્રતાના ક્રમને વ્યાખ્યાયિત કરે છે. અન્ય શબ્દોમાં, જો તમારી પાસે બે પ્રકાર છે:

પી {રંગ: લાલ; }
પી {રંગ: વાદળી; }

કાસ્કેડ નક્કી કરે છે કે ફકરા કયા રંગ હોવા જોઈએ, તેમ છતાં સ્ટાઇલ શીટ જણાવે છે કે તે બંને લાલ અને વાદળી હોવા જોઈએ. આખરે માત્ર એક જ રંગ ફકરા પર લાગુ કરી શકાય છે, તેથી ઓર્ડર હોવો જોઈએ.

અને આ ઓર્ડર લાગુ કરવામાં આવે છે કે જેના દ્વારા પસંદગીકારો (ઉપરના ઉદાહરણમાં p) પાસે સૌથી વધુ પ્રાધાન્ય છે અને તે કયા ક્રમમાં દસ્તાવેજમાં દેખાય છે.

નીચેની સૂચિ એ એક સરળીકરણ છે કે કેવી રીતે તમારા બ્રાઉઝર શૈલી માટે અગ્રતા નક્કી કરે છે:

1. તત્વ સાથે બંધબેસતા પસંદગીકાર માટે સ્ટાઇલ શીટમાં જુઓ. જો ત્યાં કોઈ નિર્ધારિત શૈલી નથી, તો પછી બ્રાઉઝરમાં ડિફૉલ્ટ નિયમોનો ઉપયોગ કરો
2. સિલેક્શરો માટે સ્ટાઈલશીટમાં જોવું મહત્વપૂર્ણ છે અને તે યોગ્ય ઘટકો પર લાગુ કરો.
3. સ્ટાઇલ શીટમાંની બધી શૈલીઓ ડિફૉલ્ટ બ્રાઉઝર શૈલીઓને ઓવરરાઇડ કરશે (વપરાશકર્તા સ્ટાઇલ શીટના કિસ્સામાં સિવાય).
4. વધુ ચોક્કસ શૈલી પસંદગીકર્તા, તેની પાસે પ્રાધાન્ય વધારે હશે. ઉદાહરણ તરીકે, div> p.class એ p.class કરતા વધુ ચોક્કસ છે જે p કરતાં વધુ ચોક્કસ છે.
5. છેલ્લે, જો બે નિયમો એ જ તત્વ પર લાગુ પડે છે અને તે જ પસંદગીકાર અગ્રતા ધરાવે છે, તો જે છેલ્લું લોડ થયું હતું તે લાગુ થશે. બીજા શબ્દોમાં કહીએ તો, સ્ટાઇલ શીટ ઉપરથી નીચે સુધી વાંચવામાં આવે છે, અને શૈલીઓ એકબીજા ઉપર લાગુ થાય છે.

તે નિયમોના આધારે, ઉપરના ઉદાહરણમાં, ફકરાઓને વાદળીમાં લખવામાં આવશે, કારણ કે પી {રંગ: વાદળી; } શૈલી શીટમાં છેલ્લા આવે છે.

આ કાસ્કેડનો એક ખૂબ સરળ સમજૂતી છે. જો તમે કાસ્કેડ કેવી રીતે કામ કરે છે તે વિશે વધુ શીખવામાં રસ ધરાવો છો, તો તમારે વાંચવું જોઈએ કેસ્કેડીંગ સ્ટાઇલ શીટ્સમાં "કાસ્કેડ" નો અર્થ શું છે? .