#yyyy .yyyy

CSS hakkında yardım alabilir ve paylaşımlarınızı yapabilirsiniz.
Cevapla
Özgür
Deneyimli Üye
Deneyimli Üye
Mesajlar: 347
Kayıt: 16 Şub 2009, 01:16

#yyyy .yyyy

Mesaj gönderen Özgür » 14 Haz 2012, 13:06

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?

Kullanıcı avatarı
Gökhan
Deneyimli Üye
Deneyimli Üye
Mesajlar: 390
Kayıt: 11 Şub 2009, 22:57

Re: #yyyy .yyyy

Mesaj gönderen Gökhan » 12 Eki 2012, 18:41

Ç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>
...

...

Cevapla

Kimler çevrimiçi

Bu forumu görüntüleyen kullanıcılar: Hiç bir kayıtlı kullanıcı yok ve 1 misafir