වැදගත් බලකාය කැස්කැඩියේ වෙනසක්
වෙබ් අඩවි කේතය භාවිතා කරන ආකාරය ඉගෙන ගැනීමට හොඳම ක්රමයන් වන්නේ වෙනත් අඩවිවල මූල කේත දෙස බැලීමයි. මෙම ක්රමවේදය වන්නේ වෙබ් නිර්මාණකරුවන්ගේ පාඨමාලා , පොත් සහ අන්තර්ජාල මාර්ගෝපදේශන වෙබ් අඩවි සඳහා බොහෝ විකල්පයන් තිබීමට පෙර වෙබ් අඩවි වෘත්තිකයින් ඔවුන්ගේ අත්දැකීම් ඉගෙනගෙන ඇති බවයි.
ඔබ මෙම පරිචය උත්සාහ කරන්නේ නම් සහ වෙබ් අඩවියේ කැල්සියම් ස්ටයිල් ෂීට් (CSS) බලන්න, එම කේතයෙහි ඔබ දකින එක් දෙයක් වන්නේ එය වැදගත් බවය.
එයින් අදහස් කරන්නේ කුමක්ද සහ, වැදගත්ම ලෙස, ඔබ ඔබේ ප්රකාශයේ පත්රවල එම ප්රකාශය නිවැරදිව භාවිතා කරන්නේ කෙසේද?
CSS හි කැස්කැඩ්
පළමුවෙන්ම, කැස්ඩ්රින් කිරීමේ ශෛල පත්රයන් සැබවින්ම කැස්මේඩ් බව තේරුම් ගැනීම වැදගත්ය. එනම් ඒවා විශේෂිත ඇණවුමක් තුළට තැබීමයි . සාමාන්යයෙන්, මෙහි අර්ථය වන්නේ බ්රවුසරය විසින් කියවන ලද පිළිවෙළ අනුව ඒවායේ විලාසයන් යොදනු ඇති බවයි. පළමු ශෛලිය අදාළ වන අතර පසුව දෙවන හා ඊට අදාළ වේ.
එහි ප්රතිඵලයක් වශයෙන්, ශෛලියක් ඉහළට දිස්වන ආකාරයේ ස්වරූපයක් දිස්වන අතර ඉන්පසු ලේඛනයේ පහළ පහළට මාරු කරනු ලැබේ නම්, එම ශෛලියේ දෙවන අවස්ථාව වන්නේ, පසුව සිදුවූ අවස්ථා වලදී නොවේ. මූලික වශයෙන්, ශෛල දෙක දෙකක් එකම දේ කියනවා නම් (එයින් අදහස් කරන්නේ ඔවුන් එකම නිශ්චිතතාවයක් ඇති බව යි), අවසන් ලැයිස්තුවෙන් ලැයිස්තුගත කෙරෙනු ඇත.
නිදසුනක් වශයෙන්, පහත දැක්වෙන විලාසිතාවන්හි ශෛලියක් තුළ අඩංගු වී ඇති බව සිතා බලමු. පළමු පෙළ ශෛලියට රතු පැහැති වුවත්, අකුරු අකුරු කළු පැහැයෙන් දිස්වනු ඇත.
"කළු" අගය දෙවැනි වන්නේ ලැයිස්තුගත වීමෙනි. සීඑස්එස් ඉහළට පහළින් කියැවෙන බැවින් අවසාන ශෛලිය "කළු" වන නිසා එය ජය ගනී.
p {වර්ණය: රතු; }}
p {වර්ණය: කළු; }}
වැදගත්කම: වැදගත් වන්නේ ප්රමුඛතාව වෙනස් කරයි
මෙම පාහේ සමාන අනන්ය නීති CSS මගින් සකසන ආකාරය ඔබට දැන් අවබෝධ කර ගත හැකි වන අතර, වැදගත් නියෝගය සුළු වශයෙන් වෙනස් කරන ආකාරය දෙස බලමු.
ඔබේ වැදගත් CSR බ්ලොග් අඩවියට පිවිසීමෙන් ඔබට වැදගත් වන නීති රීති අනුගමනය කළ යුතු අතර ඒවා අදාළ කර ගත යුතුය. CSS ලේඛනයේ සඳහන් වන්නේ කුමන නීතියක් වුවද වැදගත් නියෝගයක් ඇති නීතියක් සෑම විටම අදාළ වේ.
ඉහත උදාහරණයේ සිට ඡේදයේ පෙළ සෑම විටම රතු කරවීම සඳහා ඔබ භාවිතා කරනු ඇත:
p {වර්ණය: රතු! වැදගත්; }}
p {වර්ණය: කළු; }}
දැන් "කළු" අගය දෙවන කොටසේ ලැයිස්තුගත වුවත් සියලු රතු පාට දිස්වෙයි. මෙම වැදගත් නියෝගය කස්සේඩයේ සාමාන්ය රීති යටපත් කර ඇති අතර එම ශෛලිය ඉතා ඉහළ නිශ්චිතතාවයක් ලබා දෙයි.
ඔබට පරතරය රතු පැහැයෙන් පෙනෙන්නට අවශ්ය නම්, මෙම ස්වරූපය එය සිදු කරනු ඇත, නමුත් මෙය හොඳ හොඳ භාවිතයක් බව එයින් අදහස් නොවේ. ඔබ ඊලගට භාවිතා කිරීමට කැමති විට ඊලඟ දෙස බලමු, වැදගත් සහ එය සුදුසු නොවේ.
වැදගත් වන්නේ කවදාද?
ඔබ වෙබ් අඩවි පරික්ෂා කිරීම හා දෝෂහරණය කිරීමේදී වැදගත් උපදෙස් වන්නේ ඉතා ප්රයෝජනවත් වේ. ශෛලියක් යෙදීම නොලබන බව විශ්වාස නොකරන්නේ නම් සහ එය විශේෂිත ගැටලුවක් ලෙස සිතන්නේ නම්, එය ඔබට ගැලපෙනවාදැයි බැලීමට ඔබට ඔබගේ ශෛලියට වැදගත් ප්රකාශයක් එකතු කළ හැකිය.
එකතු කිරීමක් නම්, වැදගත් ආකාරයේ ශෛලීය ගැටළුව විසදීමට නම්, ඔබ එය විශේෂිත ගැටළුවක් බව තීරණය කර ඇත. කෙසේ වෙතත්, ඔබ එම වැදගත් කේතය ඉවත් කිරීමට අවශ්ය නොවනු ඇත, එය පරික්ෂා කිරීමේ අරමුණු සඳහා පමණක් තබන ලදී.
පරීක්ෂණය සිදු කර ඇති හෙයින්, ඔබ විසින් එම උපදෙස් ඉවත් කර ඔබගේ මෝස්තරය ක්රියාකාරී වීමට අවශ්ය වන විශේෂත්වය ළඟා කර ගැනීම සඳහා ඔබේ තේරීම සකසන්න. එය වැදගත් වන්නේ ඔබේ නිෂ්පාදන නිපදවා ගත යුතු නොවීමයි. සාමාන්යයෙන් එය වෙනස් වන්නේ කෙසේ ද?
ඔබේ අපේක්ෂිත මෝස්තර ලබා ගැනීම සඳහා වැදගත් ප්රකාශයක් මත ඔබ දැඩි ලෙස රඳා ඇත්නම්, අවසානයේ ඔබට වැදගත් ආකාරයේ අච්චු ගැසෙනු ඇත. ඔබ විසින් පිටුවෙහි CSS සැකසූ ආකාරය වෙනස් කිරීම සඳහා ඔබට මූලික වශයෙන් වෙනස් වනු ඇත. දිගුකාලීන කළමණාකරණ ආස්ථානයෙන් හොඳ නොවේ.
පරික්ෂා කිරීම සඳහා වැදගත් වේ, හෝ ඇතැම් අවස්ථාවලදී, ඔබ විසින් තේමාවක් හෝ සැකිල්ල සැකසුමක් ලෙස ආකෘතියේ විලාසය අභිභවා තිබිය යුතුය.
එවැනි අවස්ථාවන්හි පවා, මෙම ප්රවිෂ්ටය හැකිතාක් දුරට භාවිතා කළ හැකි අතර, ඒ වෙනුවට කස්සේඩය වටහා ගන්නා පිරිසිදු ශෛල පත්ර ලිවීමට වෙහෙසෙනවා.
පරිශීලක ස්ටයිල් පත්ර
අවබෝධ කර ගැනීම අත්යවශ්ය වන වැදගත් නියෝගයක් ගැන අවසන් සටහනක් ඇත. වෙබ් පිටු භාවිතා කරන්නන් භාවිතා කිරීමට හෝ කියවීමට අමාරු පිටු සාදන ආකාරයේ පත්රිකා සමඟ කටයුතු කිරීමට මෙම නියෝගය ක්රියාත්මක කරන ලදි.
සාමාන්යයෙන්, පරිශීලකයින් වෙබ් පිටු බැලීම සඳහා ශෛල පත්රයක් නිර්ණය කරන්නේ නම් , වෙබ් පිටුවෙහි කර්තෘගේ ශෛලිය පත්රිකාව මගින් එම ශෛල පත්රය රිසිකර ඇත. පරිශීලක විසින් ශෛලියක් අර්ථ දැක්වීම වැදගත් නම්, වෙබ් අඩවියේ කර්තෘගේ ශෛලිය පත්රිකාව එම රචනය යටපත් කර තිබේ නම්, කතුවරයා නීතියක් ලෙස සලකනු ලැබේ නම් එය වැදගත් වේ.
යම් ආකාරයකින් විලාසයන් සැකසීමට අවශ්ය පරිශීලකයින්ට මෙය ප්රයෝජනවත් වේ. නිදසුනක් වශයෙන්, භාවිතා කරන සියලු වෙබ් අඩවි වල පෙරනිමි අකුරු ප්රමාණය වැඩි කිරීමට අවශ්ය විය හැකිය. ඔබ විසින් ගොඩනගනු ලබන පිටු තුල ඔබේ වැදගත් නිර්දේශය භාවිතා කිරීමෙන්, ඔබේ පරිශීලකයින්ට තිබිය හැකි විශේෂ අවශ්යතාවයන් ඔබ සැපයේ.
ජෙරමි ගිරාඩ් විසින් සංස්කරණය කරන ලදි