CSS හි පන්තියක් සහිත සබැඳිය

html<a href="#" class="eee">link</a>
<a href="#" class="eee">link</a>
<a href="#" class="eee">link</a>

cssa:link.eee, a:visited.eee {
  color: red;
}
a:hover.eee {
  text-decoration: none;
}

cssa.eee:link, a.eee:visited {
  color: red;
}
a.eee:hover {
  text-decoration: none;
}

Задание 1

පහත දක්වා ඇති කේතයේ තේරුම්ගැනීමේ කොටස කුමක් තෝරා ගන්නේදැයි පවසන්න. ඉන්පසු එම තේරුම්ගැනීමේ කොටසට ගැලපෙන HTML කේතය ලියන්න. තේරුම්ගැනීමේ කොටස සමග කේතය මෙන්න:

cssa.zzz {
  color: red;
}
a.zzz:hover {
  text-decoration: none;
}

Задание 2

පහත දක්වා ඇති කේතයේ තේරුම්ගැනීමේ කොටස කුමක් තෝරා ගන්නේදැයි පවසන්න. ඉන්පසු එම තේරුම්ගැනීමේ කොටසට ගැලපෙන HTML කේතය ලියන්න. තේරුම්ගැනීමේ කොටස සමග කේතය මෙන්න:

css#block a.zzz {
  color: red;
}
#block a.zzz:hover {
  text-decoration: none;
}

Задание 3

පහත දක්වා ඇති කේතයේ තේරුම්ගැනීමේ කොටස කුමක් තෝරා ගන්නේදැයි පවසන්න. ඉන්පසු එම තේරුම්ගැනීමේ කොටසට ගැලපෙන HTML කේතය ලියන්න. තේරුම්ගැනීමේ කොටස සමග කේතය මෙන්න:

css.block a.zzz {
  color: red;
}
.block a.zzz:hover {
  text-decoration: none;
}