Jaka za tym stoi zasada działania?
Edit: może pokażę to na przykładzie:
HTML:
<ul>
<li><a href="#">asdasd</a> </li>
<li><a href="#">asdasd</a> </li>
<li><a href="#">asdasd</a> </li>
</ul>
<div>
<span>spanspam</span>
</div>
CSS
li, ul {
color: green;
text-decoration: none;
}
div {
color: red;
text-decoration: underline;
}
Efekt:
<span> odziedziczył po <div>, a <a> nie chce po <ul> ani po <li>.
Dalsze testy wykazują, że to z <a> jest coś nie tak, bo span w liście dziedziczy, a <a> w divie nie dziedziczy.