CSS අනාගත පරම්පරාව යනු කුමක්ද?

HTML ලේඛනයේ ව්යුහය පවුල් ගසකට සමානය. ඔබේ පවුල තුළ, ඔබ ඉදිරියෙහි පැමිණි ඔබේ දෙමාපියන් සහ අනිත් අය. මේවා ඔබේ මුතුන්මිත්තන්. ළමයින් සහ එම ගසෙන් පසු එන අය ඔබේ පරම්පරාවයි. HTML එකකට සමාන ආකාරයකින් ක්රියා කරයි. අනෙක් මූලද්රව්ය තුළ ඇති මූලද්රව්යයන් වන්නේ ඔවුන්ගේ පරම්පරාවයි. නිදසුනක් ලෙස, සෑම HTML මූල ලක්ෂයක්ම ටැග් වල ඇතුළත්වන බැවින් ඒවා ශරීරයේ මූලද්රව්යයන්ගෙන් පැවතීමකි. ඔබ CSS සමඟ වැඩ කරන විට තේරුම් ගැනීමට මෙම සම්බන්ධතාවය වැදගත් වන අතර දෘශ්ය විලාසයන් යෙදීම සඳහා විශේෂිත අංග ඉලක්ක කිරීමට අවශ්ය වේ.

CSS පැකට්ටුව තෝරන්න

CSS පරම්පරා තේරීම වෙනත් මූලද්රව්යයක් තුළ ඇති මූලද්රව්යවලට අදාළ වේ (හෝ වඩා නිවැරදිව ප්රකාශිත, වෙනත් මූලද්රව්යයේ පරම්පරාවකි). උදාහරණයක් ලෙස, නොරොච්චෝරි ලැයිස්තුවට පරම්පරාවක් ලෙස ටැග් සහිත ටැග් ඇත. උදාහරණයක් ලෙස පහත සඳහන් HTML භාවිතා කරමු.

• මෙම සබැඳිය

  LI ටැග් වල UL ටැග් වල පැටවෙනවා. A ටැග් යනු LI (දරුවාට උරුම වූ) සහ UL (උතුම් දරු පරපුර) ටැග් වලින් පැවත එන්නකි. මෙය පවුලේ කුරුල්ලා භාවිතා කිරීම ගැන සිතා බැලුවහොත්,

  දෙමව්පියෙක් වනු ඇත,
  • එම අංගයේ දරුවා විය හැකි අතර, යන්න
  • සහ මිණිපිරියගේ දරුවා විය හැකිය
    .

    එබැවින් මෙම පරම්පරා තේරීම්කාරයන් භාවිතා කරන වෙබ් පිටුවක විශේෂිත අංග ඉලක්ක කරන්නේ කෙසේද? පළමුව, ඔබ විසින් අවකාශය මගින් වෙන් කරන ලද (හෝ ඊට වැඩි) වර්ගයේ තේරියර් භාවිතා කිරීමෙන් ඔබට පරම්පරා තේරිය හැක.

    li {{පෙළ-සැරසිලි: කිසිවක් නැත; }}

    එම නිදසුන තුළ, විලාසයන් ලැයිස්තුගත කරන අයිතමයේ මූලද්රව්යයක් (

    • ) පැවතීම යනු සබැඳි අංගයක් () පමණි. ලැයිස්තුවේ පැවත එන නොවූ අනෙක් පිටුවල අනෙකුත් සබැඳි මෙම ශෛලිය ලබා ගන්නේ නැත.

      මතක තබා ගැනීම වැදගත් කරුණක් වන්නේ ඔබේ පරම්පරානු තෝරාගන්නා තුළ ඔබ භාවිතා කළ හැකි ටැග් අතරේ ඒවායේ කොපමණ ටැග් තිබුනත් නොවේ. දෙවන මූලද්රව්යය පළමු මූලද්රව්යය තුළ ඕනෑම ස්ථානයක ඇත්නම් එය පරම්පරාවක් ලෙස තෝරා ගනු ලැබේ.

      Ul මූලද්රව්යවලින් පැවත එන සියළු නැංගුරම් තෝරන්නට අවශ්ය නම්, ඔබ මෙසේ ලියා ඇත:

      {text-decoration: none; }}

      දැන්, මෙම විලාසයන් ලැයිස්තුගත අයිතමයක්ගෙන් පැවත එන ඕනෑම සබැඳියකට අදාළ වේ. ඔබට මෙම තේරීම ලිවිය හැකිය

      {li-text-decoration: none; }}

      මෙය වර්ග දෙකේ තේරීම් වලට වඩා භාවිතා කරන ලද පරම්පරා තේරීමකි. මෙම අවස්ථාවෙහිදී, මෙය ලැයිස්තුගත අයිතමය ඇතුළත සහ අසමමිතික ලයිස්තුවක ඇතුළත්වන සබැඳියකි.

      පංති තේරීම්කරුවන් සහ හැඳුනුම් පත් තේරීම භාවිතා කිරීම

      ඔබ නික්ම යන තේරීම් පාලකයන් සැමවිටම වර්ගයේ පරම්පරාවක් විය යුතුය. නිදසුනක් ලෙස, ඔබට බිල්බෝඩ් වල ID සලකුණක් සහිතව ඔබ ප්රදේශයක කොටසක් (අංශයක් වැනි) තිබුනා යැයි සිතන්න. ඔබට එම හැඳුනුම් අංකයෙන් පරම්පරා තේරිය හැක.

      # බයිටබල් ul {පසුබිම වර්ණය: #ccc; }}

      මෙම "දැන්වීම් පුවරුව" හැඳුනුම් පතක් සමඟ මූලද්රව්යයක පැවත එන්නන් ලෙස හැදින්විය හැකිය. පන්ති වටිනාකම් සඳහා ඔබට සමාන කළ හැකිය.

      div.billboard ul {පසුබිම වර්ණය: #ccc; }}

      මෙම අංශය බෙල්බෝඩ් පන්තියේ වටිනාකමක් ඇති බව උපකල්පනය කරයි. CSS ඉහත ඉහත වර්ගීකරණ අගය ඇති ඕනෑම අංශයක් තුළ

      මූලද්රව්යය හැඩගස්වනු ඇත.

      ඔබට බොහොම දරුණු අතට හැරෙන අතර, පරම්පරා තේරීම්කාරයන් සමඟ සළකන්න. නිදසුනක් ලෙස, ඔබගේ ඩේටා කේතය ලිවීම සඳහා Dreamweaver භාවිතා කරන්නේ නම්, ඔබ විසින් ඔබේ පිටුවෙහි කර්සරය ස්ථානගත කිරීම මත පදනම්ව නව තේරීම් CSS රීති එකතු කරන විටදී ඔබට සැකසුමක් තිබේ. මෙම අවස්ථාවන්හීදී Dreamweaver කරන්නේ කුමක්දැයි සිතට කාවදින හා දිගු පැරිසැම තෝරා ගැනීමක් නිර්මාණය කරයි. ඔබේ සීඑස්එස් වැඩ කිරීමට අවශ්ය තරම් සුවිශේෂීතාවයක් අවශ්ය නොවේ. ඔබ කිරීමට අවශ්ය වන්නේ ඔබට අවශ්ය වන්නේ හරියටම ඔබට අවශ්ය නියම මූලද්රව්යවලට (ඔබ බල නොකරන හැඩකාරයන්ගෙන් තොරව) සහ CSS නිතිපතා රහිතව ඇති තේරීම්කරුවන් නොමැතිව, නිශ්චිතව දක්වා ඇති පරාග තේරීම්කාරකය අතර සමබරතාවක් සොයා ගැනීමයි. මහා.