#yyyy .yyyy

[Özgür]

Kod: Tümünü seç

#main .post
{
	background-color: #F7EBD0;
	border: 1px solid #492300;
	padding: 15px;	
	margin: 0 0 20px 0;
}
#main .copy
{
	padding: 0 0 10px 0;
}

#yyyy .yyyy şeklinde css tanımlama niye yapılıyor? css başında kullanılan . ve # arasında fark nedir? Yardımcı olur musunuz?

[Gökhan]

Çok basitçe anlatmak gerekirse, (#) id seçiciler, (.) ise class seçicileri anlatır.

Örneğin
...
#katman1{...}
...
şeklinde tanımlanan bir css özelliğini html içerisinden çağırırken,
...
<div id="katman1">
...

şeklinde çağırırız.

eğer bunu;
...
.katman1{...}
...
şeklinde tanımlamış olsaydık,
...
<div class="katman1">
...

şeklinde çağıracaktık.

#main .post şeklindeki tanımlamalar ise zincir tanımlamalardır, yani birden fazla .post tanımlaması olabilir ama bu #main seçici bölgesindeki demek.

Son bir örnek;

Kod: Tümünü seç

...

<style type="text/css">
table.phpindir
{
background-color:#e2e2e2;
}
</style>

<table class="phpindir">
<tr><td>Bu tablonun arkaplan rengi, açık gri...</td></tr>
</table>
...

...