CSS හි අසල්වැසි තේරුම් ගැනීමේ සූත්‍රය

අසල්වැසි තේරුම් ගැනීමේ සූත්‍රය + ඉහළින් ඇති එහි අසල්වැසියා අනුව අංගයක් තෝරා ගැනීමට ඉඩ සලසයි.

වාග් රීතිය

cssතේරුම් ගැනීමේ සූත්‍රය1 + තේරුම් ගැනීමේ සූත්‍රය2 {
  
}

නිදසුන

h2 ටැග ඉක්මනින් පසුව සිටින සියලුම p ටැග වෙත යොමු වී ඒවා රතු පැහැයට වර්ණාලේප කරමු:

html<h2>text</h2>
<p>
  +
</p>
<p>
  -
</p>
<p>
  -
</p>

cssh2 + p {
  color: red;
}

Результат:

නිදසුන

.test වර්ගයේ මූලද්‍රව්‍ය ඉක්මනින් පසුව සිටින සියලුම p ටැග වෙත යොමු වී ඒවා රතු පැහැයට වර්ණාලේප කරමු:

html<p class="test">
  text
</p>
<p>
  +
</p>
<p>
  -
</p>

css.test + p {
  color: red;
}

Результат:

නිදසුන

.test වර්ගයේ මූලද්‍රව්‍ය ඉක්මනින් පසුව සිටින .elem වර්ගයේ සියලුම මූලද්‍රව්‍ය වෙත යොමු වී ඒවා රතු පැහැයට වර්ණාලේප කරමු:

html<p class="test">
  text
</p>
<p class="elem">
  +
</p>
<p>
  -
</p>

css.test + .elem {
  color: red;
}

Результат:

මේවාද බලන්න