Urithi wa Sifa za CSS
Hebu tuchukue aya, na ndani yake kuna maandishi
katika kitambulisha i:
<p>
Hii ni <i>maandishi</i> katika aya.
</p>
Wacha tuweke rangi nyekundu kwa ayah:
p {
color: red;
}
Hatimaye, haitaweka rangi tu maandishi ya aya,
lakini pia maandishi ya kitambulisha i:
Jambo zima ni kwamba sifa color
hurunishiwa. Hii inamaanisha kuwa ikiwa
kitambulisha kizazi kimoja kimepewa rangi fulani,
basia huo rangi utakuwa na wazao. Sio sifa zote za CSS
hurunishiwa, lakini nyingi (kati ya zile
umeshazijua - zote hurunishiwa).
Kwa hiari, hata hivyo, inawezekana kubadilisha sifa ya mzazi, kwa kuweka kisaguzi cha kizazi. Kwa mfano, wacha tuweke aya rangi nyekundu na italiki - bluu:
<p>
Hii ni <i>maandishi</i> katika aya.
</p>
p {
color: red;
}
i {
color: blue;
}
:
Mpangilio wa visaguzi katika msimbo wa CSS katika kesi kama hiyo
hauna maana. Ikiwa utabadilisha mahali
kisaguzi i na kisaguzi p, yote yatafanya kazi
vivyo hivyo:
<p>
Hii ni <i>maandishi</i> katika aya.
</p>
i {
color: blue;
}
p {
color: red;
}
:
Baada ya kusoma msimbo, sema ni rangi gani itakuwa na
maandishi katika kitambulisha b:
<p>
Hii ni <b>maandishi</b> katika aya.
</p>
p {
color: blue;
}
Baada ya kusoma msimbo, sema ni rangi gani itakuwa na
maandishi katika kitambulisha b:
<p>
Hii ni <b>maandishi</b> katika aya.
</p>
p {
color: blue;
}
b {
color: red;
}
Baada ya kusoma msimbo, sema ni rangi gani itakuwa na
maandishi katika kitambulisha b:
<p>
Hii ni <b>maandishi</b> katika aya.
</p>
b {
color: red;
}
p {
color: blue;
}
Baada ya kusoma msimbo, sema ni rangi gani itakuwa na
maandishi katika kitambulisha li:
<ul>
<li>maandishi</li>
<li>maandishi</li>
<li>maandishi</li>
</ul>
ul {
color: blue;
}
Baada ya kusoma msimbo, sema ni rangi gani itakuwa na
maandishi katika kitambulisha li:
<ul>
<li>maandishi</li>
<li>maandishi</li>
<li>maandishi</li>
</ul>
ul {
color: blue;
}
li {
color: red;
}
Baada ya kusoma msimbo, sema ni rangi gani itakuwa na
maandishi katika kitambulisha i:
<ul>
<li>maandishi <i>italiki</i> maandishi</li>
<li>maandishi <i>italiki</i> maandishi</li>
<li>maandishi <i>italiki</i> maandishi</li>
</ul>
ul {
color: blue;
}
li {
color: red;
}
i {
color: green;
}
Baada ya kusoma msimbo, sema ni ukubwa gani utakuwa na
maandishi katika kitambulisha i:
<ul>
<li>maandishi <i>italiki</i> maandishi</li>
<li>maandishi <i>italiki</i> maandishi</li>
<li>maandishi <i>italiki</i> maandishi</li>
</ul>
i {
font-size: 30px;
}
ul {
font-size: 20px;
}
li {
color: red;
font-weight: bold;
}
