ID sa vacsinou pouziva pri javascriptoch na pracu s elementami. alebo si predstav ze mas 5 divov. vsetky maju rovnaku velkost ale inu farbu v pozadi
takze mas toto :
Kód:
<div id="a" class="divSize"></div>
<div id="b" class="divSize"></div>
<div id="c" class="divSize"></div>
<div id="d" class="divSize"></div>
<div id="e" class="divSize"></div>
a teraz css k tomu.
Kód:
<style type="text/css">
.divSize { height: 50px; width: 50px;}
#a {background: red;}
#b {background: blue;}
#c {background: green;}
#d {background: black;}
#e {background: yellow;}
</style>
v javascripte je funkcia getElementById(IDelementu);
vdaka nej mozes potom robit zaujimave veci s elementami
ale aby som to zhrnul. ID mozes priradit len k jednemu elementu a class k viacerym. potom ak neakemu elementu priradujes styl aj cez class a aj cez id a priradujes nieco rovnake tak vacsiu prioritu ma to co priradujes cez div.
takze ak by sme napriklad spravili toto:
Kód:
#d {background: black; width: 100px}
tak storcek s ID d bude mat sirku 100 aj keby si to pisal takto
Kód:
<style type="text/css">
#a {background: red;}
#b {background: blue;}
#c {background: green;}
#d {background: black; width: 100px;}
#e {background: yellow;}
.divSize { height: 50px; width: 50px;}
</style>
ak ti nie je nieco jasne tak sa opytaj