කැස්කැඩින් ස්ටයිල් පත්රයෙහි කැස්කැඩය යනු කුමක්දැයි ඉගෙන ගන්න

CSS කෙටි පාඨමාලාව

CSS ශෛලමය පත්රිකා මෙතරම් ප්රයෝජනවත් වන්නේ කැස්ඩෝස් ය. කෙටියෙන් කියතොත්, කස්සේඩය විසින් ගැටුම්කාරී ස්වරූපයන් අනුගමනය කළ යුතු ආකාරය පිළිබඳ ප්රමුඛතාවයක් දැක්විය හැක. වෙනත් වචනවලින් කිවහොත්, ඔබ සතුව දෙකක් තිබේ නම්:

p {වර්ණය: රතු; }}
p {වර්ණය: නිල්; }}

රතු සහ නිල් යන දෙකෙහිම රතු සහ නිල් පාට විය යුතු බව යන්ත් රයිට් පුවරුවෙහි සඳහන් වුවත්, ඡේදයේ තීරුවේ ඇති වර්ණ තීරයේ තීරනය කල යුතු වේ. අවසාන වශයෙන්, එක් වර්ණයක් ඡේද වලට උපයෝගී කර ගත හැක, එබැවින් නියෝගයක් තිබිය යුතුය.

මෙම ආඥාව අදාළ වන්නේ තේරීම්කරුවන් (ඉහත උදාහරණයෙහි p) විසින් ඉහළම ප්රමුඛත්වය ලබා ඇති අතර ලේඛනයේ ඔවුන් පෙනී සිටින පිළිවෙළයි.

පහත දැක්වෙන ලැයිස්තුව යනු ඔබේ වෙබ් බ්රවුසරයේ ශෛලියක් සඳහා ප්රමුඛතාවය තීරණය කරන ආකාරය සරල කිරීමකි:

1. මූලද්රව්යයට ගැලපෙන තේරීම් තේරීමක් සඳහා වූ ශෛලියක් බලන්න. නිශ්චිත ශෛල්ය නොමැත නම්, බ්රවුසරයේ සුපුරුදු නීති භාවිතා කරන්න
2. තේරිය හැකි තේරීම්කරුවන් සඳහා වූ ශෛලිය පත්රිකාවේ වැදගත් ය.
3. ශෛලියෙහි ඇති සියළුම විලාසයන් පෙරසැකසුම් බ්රව්සර් විලාසයන් අභිබවා ඇත (පරිශීලක ශෛල පත්රවලදී හැර).
4. විශේෂිත ශෛලිය තේරීමේ තේරුම, එය ඉහළ අගයක් වනු ඇත. උදාහරණයක් ලෙස, div> p.class p වඩා වඩා විශේෂිත p.class වඩා විශේෂිත වේ.
5. අවසාන වශයෙන්, දෙකක් රීතිම එකම මූලද්රව්යයට අදාළ වන අතර එකම තේරීම ප්රමුඛතාවය තිබිය යුතුය, අවසන් වරට පටවනු ලැබූ තැනැත්තා අදාළ වේ. වෙනත් වචනවලින් කියතොත්, තීරු රචනය ඉහළ සිට පහළට කියවනු ලැබේ. ශෛලීන් එකිනෙක මත ඉහළට යෙදී ඇත.

එම නීති මත පදනම්ව, ඉහත උදාහරණයේ දී, ඡේද වර්ණය නිල් ලෙස ලියා ඇත, p {වර්ණය: නිල්; } ස්ලයිඩ පත්රයේ අවසන් වරට දක්වයි.

මෙම කස්සේඩයේ ඉතා සරළ පැහැදිලි කිරීමකි. කැස්ඩ්රැඩ් ක්රියා කරන්නේ කෙසේදැයි දැන ගැනීමට ඔබ උනන්දු වන්නේ නම්, ඔබ කියවාගත යුත්තේ "කැස්කැඩ්" කස්කෑඩින් ස්ටයිල් පත්රයේ අදහස් කරන්නේ කුමක්ද? .