કેસ્કેડીંગ સ્ટાઇલ શીટ્સમાં "કાસ્કેડ" નો અર્થ શું છે?

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

પ્રકાર શીટ્સના પ્રકાર

ત્રણ અલગ અલગ પ્રકારનાં શીટ્સ છે:

1. લેખક પ્રકાર શીટ્સ
   1. આ વેબ પેજનાં લેખક દ્વારા બનાવેલ શૈલી પત્રક છે. તેઓ સીએસએસ સ્ટાઇલ શીટ વિશે વિચારે છે ત્યારે મોટા ભાગના લોકો શું વિચારે છે
2. વપરાશકર્તા પ્રકાર શીટ્સ
   1. વપરાશકર્તા શૈલી શીટ્સ વેબ પૃષ્ઠના વપરાશકર્તા દ્વારા સેટ કરવામાં આવે છે. આ વપરાશકર્તાઓને પૃષ્ઠો કેવી રીતે પ્રદર્શિત થાય તેના પર વધુ નિયંત્રણ કરવાની મંજૂરી આપે છે.
3. વપરાશકર્તા એજન્ટ પ્રકાર શીટ્સ
   1. આ તે શૈલીઓ છે જે વેબ બ્રાઉઝર પૃષ્ઠને પ્રદર્શિત કરવા માટે પૃષ્ઠ પર લાગુ થાય છે. ઉદાહરણ તરીકે, એક્સએચટીએમએલ (HTML) માં, મોટા ભાગના વિઝ્યુઅલ યુઝ એજન્ટ ટેગને ત્રાંસા લખાણ તરીકે પ્રદર્શિત કરે છે . આ વપરાશકર્તા એજન્ટ સ્ટાઇલ શીટમાં વ્યાખ્યાયિત થયેલ છે.

દરેક ઉપરના સ્ટાઇલ શીટમાં વ્યાખ્યાયિત કરવામાં આવતાં ગુણધર્મોને વજન આપવામાં આવે છે. ડિફૉલ્ટ રૂપે, લેખક શૈલી શીટમાં સૌથી વધુ વજન હોય છે, ત્યારબાદ વપરાશકર્તા સ્ટાઇલ શીટ અને છેલ્લે વપરાશકર્તા એજન્ટ સ્ટાઇલ શીટ દ્વારા. આનો એકમાત્ર અપવાદ વપરાશકર્તા સ્ટાઇલ શીટમાં મહત્વપૂર્ણ નિયમ છે ! આ લેખકની શૈલી શીટ કરતાં વધુ વજન ધરાવે છે.

કેસ્કેડીંગ ઓર્ડર

તકરારને ઉકેલવા માટે, વેબ બ્રાઉઝર નીચે પ્રમાણેનું સૉર્ટિંગ ક્રમમાં ઉપયોગ કરે છે તે નક્કી કરવા માટે કે કઈ શૈલીની અગ્રતા છે અને તેનો ઉપયોગ કરવામાં આવશે:

1. સૌ પ્રથમ, તમામ જાહેરાતો માટે જુઓ કે જે પ્રશ્નમાં તત્વ પર લાગુ થાય છે, અને અસાઇન કરેલ મીડિયા પ્રકાર માટે.
2. પછી તે કઈ શીટથી આવે છે તે જુઓ ઉપર પ્રમાણે, લેખક શૈલી શીટ્સ પ્રથમ આવે છે, પછી વપરાશકર્તા, પછી વપરાશકર્તા એજન્ટ. લેખક કરતાં ઉચ્ચ અગ્રતા ધરાવતા મહત્વપૂર્ણ વપરાશકર્તા શૈલીઓ સાથે! મહત્વપૂર્ણ શૈલીઓ
3. વધુ ચોક્કસ પસંદગીકાર છે, તે વધુ પ્રાધાન્ય મળશે. ઉદાહરણ તરીકે, "div.co p" પર એક શૈલી "p" ટેગ પરની તુલનામાં એક ઉચ્ચ અગ્રતા હશે.
4. છેવટે, જે ક્રમમાં તેઓ વ્યાખ્યાયિત કરવામાં આવ્યા હતા તે પ્રમાણે નિયમો સૉર્ટ કરો. અગાઉ ડોમેસ્ટિક ટ્રીમાં વ્યાખ્યાયિત કરવામાં આવતા નિયમોમાં અગાઉની વ્યાખ્યા કરતા વધુ પ્રાધાન્ય હોય છે. અને આયાતી શૈલી શીટના નિયમો શૈલી શીટમાં સીધા નિયમો પહેલાં ગણવામાં આવે છે.