Cod: Selectaţi tot
<html>
<head>
<style>
#div_style
{
text-align:center;
}
#div_style a
{
color:black;
}
a.stil1
{
color:red;
border:1px solid green;
}
</style>
</head>
<body>
<div id="div_style">
<a href="">Primul link</a>
<br /><br />
<a href="" class="stil1">Al doilea link</a>
</div>
</body>
</html>
Mai precis,un element div cu id-ul "div_style",ce contine doua linkuri.Primul,ce mosteneste atributele 'div-ului' parinte,al doilea ce apartine clasei 'stil1'.Toate bune si frumoase pana aici.Mica mea nedumerire este legata de faptul ca cel de-al doilea link este afisat folosind culoarea pseudo-clasei A definita pentru "div_style"-negru cu alte cuvinte-desi eu asteptam sa fie afisat in rosu,asa cum a fost definit stil1.
Doua intrebari pentru voi-cei cu siguranta mult mai exersati in arta css-ului decat mine
1) De ce al doilea link preia o parte din atributele div-ului parinte,desi proprietatea 'color' este definita.
2)Cum ar trebui rescris codul de mai sus,pentru ca linkul respectiv sa fie afisat asa cum doresc-respectiv in rosu.
