CSS හි අසල්වැසි තේරුම් ගැනීමේ සූත්රය
අසල්වැසි තේරුම් ගැනීමේ සූත්රය + ඉහළින් ඇති එහි අසල්වැසියා අනුව
අංගයක් තෝරා ගැනීමට ඉඩ සලසයි.
වාග් රීතිය
තේරුම් ගැනීමේ සූත්රය1 + තේරුම් ගැනීමේ සූත්රය2 {
}
නිදසුන
h2 ටැග ඉක්මනින් පසුව සිටින සියලුම p ටැග වෙත යොමු වී
ඒවා රතු පැහැයට වර්ණාලේප කරමු:
<h2>text</h2>
<p>
+
</p>
<p>
-
</p>
<p>
-
</p>
h2 + p {
color: red;
}
:
නිදසුන
.test වර්ගයේ මූලද්රව්ය ඉක්මනින් පසුව සිටින සියලුම p ටැග වෙත යොමු වී
ඒවා රතු පැහැයට වර්ණාලේප කරමු:
<p class="test">
text
</p>
<p>
+
</p>
<p>
-
</p>
.test + p {
color: red;
}
:
නිදසුන
.test වර්ගයේ මූලද්රව්ය ඉක්මනින් පසුව සිටින .elem වර්ගයේ සියලුම
මූලද්රව්ය වෙත යොමු වී ඒවා රතු පැහැයට වර්ණාලේප කරමු:
<p class="test">
text
</p>
<p class="elem">
+
</p>
<p>
-
</p>
.test + .elem {
color: red;
}
:
මේවාද බලන්න
-
දරු තේරුම් ගැනීමේ සූත්රය,
ඍජු ගිල්වීම අනුව මූලද්රව්ය තෝරා ගැනීමට ඉඩ සලසයි -
සන්දර්භ තේරුම් ගැනීමේ සූත්රය,
එහි මව්පියා අනුව අංගයක් තෝරා ගැනීමට ඉඩ සලසයි -
සහෝදර තේරුම් ගැනීමේ සූත්රය,
දී ඇති එකකට පසුව මූලද්රව්ය තෝරා ගැනීමට ඉඩ සලසයි -
සාර්ව තේරුම් ගැනීමේ සූත්රය,
සියලුම මූලද්රව්ය තෝරා ගැනීමට ඉඩ සලසයි
