CSS - class i selector

purpurna magla

Iskusan
Poruka
5.737
sad sam poceo da ucim css i vidim da su class i selector isti ??!?! koja je razlika ? ako je uopste ima ....

<style type="text/css">
body { background:#000000; color:#ffffff }
#yellow { color:yellow; background:#000000 }
#blue { color:blue; background:#000000 }
#red { color:red; background:#000000 }
</style>
</head>
<body>
<h1 id="yellow">Header</h1>
<h1 id="blue">Header</h1>
<h1 id="red">Header</h1>
.......................................
selector
.......................................



<style type="text/css">
body { background:#000000; color:#ffffff }
.yellow { color:yellow; background:#000000 }
.blue { color:blue; background:#000000 }
.red { color:red; background:#000000 }
</style>
</head>
<body>
<h1 class="yellow">Header</h1>
<h1 class="blue">Header</h1>
<h1 class="red">Header</h1>
............................................
class
............................................
 
Mozesh da uradish na oba nachina, ali ne znachi da i treba.

Ako si reshio da ti svi h1 (ili skoro svi) budu zuti:
h1 {color: yellow}
...
<h1>naslov</h1>


Ako zelish da ti odredjeni delovi texta budu zuti:
.highlight {color: yellow}
...
<p class="highlight" />
<h1 class="highlight">naslov</h1>
<span class="highlight">neki tekst</span>
itd

Ako imash samo jedan element na stranici koji ce biti zhut:
#highlight {color: yellow}
...
<div id="highlight">neki tekst</div>
ili
<span id="highlight">neki tekst</span>
ili
<p "id="highlight" />
i sl.


Uglavnom- class koristish na vishe mesta na stranici, id na samo jednom (on je unikatan).



I josh neshto: izbegavaj da dajesh nazive poput "plavo", "zuto", "podvucheno", "zadebljano", "plava_pozadina"... jer shta cesh ako kasnije odluchish da zuti tekst vishe ne bude zhut nego crven? Svuda cesh menjati yellow u red??? Koristi zato nazive poput: "highlight", "important", "citat", "naglaseno" i sl...
 

Back
Top