CSS හි පන්තියක් සහිත සබැඳිය
දැන් සබැඳිවලටම පන්තියක් ඇතැයි සිතමු:
<a href="#" class="eee">link</a>
<a href="#" class="eee">link</a>
<a href="#" class="eee">link</a>
එවැනි පන්තියක් සහිත සබැඳි සඳහා විලාසිතා නිර්වචනය කරමු:
a:link.eee, a:visited.eee {
color: red;
}
a:hover.eee {
text-decoration: none;
}
සබැඳි පන්තිය සහ අවස්ථා ප්රබන්ධ පන්ති ලිවීමේ අනුපිළිවෙල ගැටළුවක් නොවේ. ඒවා ස්ථාන හුවමාරු කළ හැකි අතර, එයින් කිසිවක් වෙනස් නොවේ:
a.eee:link, a.eee:visited {
color: red;
}
a.eee:hover {
text-decoration: none;
}
පහත දක්වා ඇති කේතයේ තේරුම්ගැනීමේ කොටස කුමක් තෝරා ගන්නේදැයි පවසන්න. ඉන්පසු එම තේරුම්ගැනීමේ කොටසට ගැලපෙන HTML කේතය ලියන්න. තේරුම්ගැනීමේ කොටස සමග කේතය මෙන්න:
a.zzz {
color: red;
}
a.zzz:hover {
text-decoration: none;
}
පහත දක්වා ඇති කේතයේ තේරුම්ගැනීමේ කොටස කුමක් තෝරා ගන්නේදැයි පවසන්න. ඉන්පසු එම තේරුම්ගැනීමේ කොටසට ගැලපෙන HTML කේතය ලියන්න. තේරුම්ගැනීමේ කොටස සමග කේතය මෙන්න:
#block a.zzz {
color: red;
}
#block a.zzz:hover {
text-decoration: none;
}
පහත දක්වා ඇති කේතයේ තේරුම්ගැනීමේ කොටස කුමක් තෝරා ගන්නේදැයි පවසන්න. ඉන්පසු එම තේරුම්ගැනීමේ කොටසට ගැලපෙන HTML කේතය ලියන්න. තේරුම්ගැනීමේ කොටස සමග කේතය මෙන්න:
.block a.zzz {
color: red;
}
.block a.zzz:hover {
text-decoration: none;
}
