Cum poti selecta de exemplu linkurile dintr-un div? Sau cum poti selecta din CSS toate paragrafele sau alte elemente dintr-un div sau o lista?
Urmatoarele exemple va vor prezenta o varianta foarte simpla in CSS la ceea ce am scris mai sus:
Exemplu cod HTML:
[html]
<div><a href="link1">text1</a>
<a href="link2">text2</a>
<a href="link3">text3</a>
<a href="link4">text4</a>
</div>
<li><p>Paragraf 1</p><p>Paragraf 2</p><p>Paragraf 3</p><li>
[/html]
Cum arata codul CSS?
[css]
div a {
text-decoration: none;
color:red;
}
li p
{
font-size:16px;
}
[/css]
Daca doresti sa selectezi toate elementele dintr-un element principal tot ce trebuie sa faci este sa scrii elementul principal si apoi spatiu elementul secundar. De exemplu daca dorim sa selectam toate linkurile dintr-un div vom scrie div a. Daca dorim sa selectam toate paragrafele dintr-o lista atunci vom scrie li p.
Un comentariu