CSS ගුණාංග උරුමකර ගැනීම

html<p>
  This is some <i>text</i> in paragraph.
</p>

cssp {
  color: red;
}

html<p>
  This is some <i>text</i> in paragraph.
</p>

cssp {
  color: red;
}
i {
  color: blue;
}

html<p>
  This is some <i>text</i> in paragraph.
</p>

cssi {
  color: blue;
}
p {
  color: red;
}

Задание 1

කේතය අධ්‍යයනය කර, b ටැගයේ පෙළට ලැබෙන පැහැය කුමක්දැයි පවසන්න:

html<p>
  This is some <b>text</b> in paragraph.
</p>

cssp {
  color: blue;
}

Задание 2

කේතය අධ්‍යයනය කර, b ටැගයේ පෙළට ලැබෙන පැහැය කුමක්දැයි පවසන්න:

html<p>
  This is some <b>text</b> in paragraph.
</p>

cssp {
  color: blue;
}
b {
  color: red;
}

Задание 3

කේතය අධ්‍යයනය කර, b ටැගයේ පෙළට ලැබෙන පැහැය කුමක්දැයි පවසන්න:

html<p>
  This is some <b>text</b> in paragraph.
</p>

cssb {
  color: red;
}
p {
  color: blue;
}

Задание 4

කේතය අධ්‍යයනය කර, li ටැගයේ පෙළට ලැබෙන පැහැය කුමක්දැයි පවසන්න:

html<ul>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

cssul {
  color: blue;
}

Задание 5

කේතය අධ්‍යයනය කර, li ටැගයේ පෙළට ලැබෙන පැහැය කුමක්දැයි පවසන්න:

html<ul>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

cssul {
  color: blue;
}
li {
  color: red;
}

Задание 6

කේතය අධ්‍යයනය කර, i ටැගයේ පෙළට ලැබෙන පැහැය කුමක්දැයි පවසන්න:

html<ul>
  <li>text <i>italic</i> text</li>
  <li>text <i>italic</i> text</li>
  <li>text <i>italic</i> text</li>
</ul>

cssul {
  color: blue;
}
li {
  color: red;
}
i {
  color: green;
}

Задание 7

කේතය අධ්‍යයනය කර, i ටැගයේ පෙළට ලැබෙන ප්‍රමාණය කුමක්දැයි පවසන්න:

html<ul>
  <li>text <i>italic</i> text</li>
  <li>text <i>italic</i> text</li>
  <li>text <i>italic</i> text</li>
</ul>

cssi {
  font-size: 30px;
}
ul {
  font-size: 20px;
}
li {
  color: red;
  font-weight: bold;
}