css class ve id hakkında

css sınıf seçicilerde "." ile tanımlıyoruz örneğin

p.sagadaya {text-align:right}
p.ortala{tex-align:center}

daha sonra sayfada uygulamak için

<p class="sagadaya">Pu paragraf sağadayalıdır.</p>
<p class="ortala">Bu paragraf ortalıdır</p>

bunu anladım birde id seçicileri var bunlar sadece bir tane elemente atanır diye duydum bunun sınıf seçicisinden farkı tanımlarken "." değilde "#" ile yaparak kodumuzada class yerine id kullanıyoruz.Buraya kadarda anladım.

Ben örneğin,sınıf seçicisiyle aşağıdaki kodu oluşturunca istediğim etikete bir bakımdan mavi renk kısayolu yapmış oluyorum,ve istediğim kadar istediğim yerde kullanabiliyorum.

.mavi {color:blue}
<p class="mavi">Bu yazı mavidir</p>
<h1 class="mavi">Bu başlık mavidir</h1>

Fakat id seçicisiyle bu yöntemi yaparsak yukardada dediğim gibi tek fark "." yerine "#" işareti gelmesi tanımlamada "class" yerine "id" gelmesi

<style type="text/css">
#mavi{color:blue}
</style>

<p id="mavi">Buyazı mavidir</p>

<h1 id="mavi">Bu başlık mavidir</h1>

Denemelerimde her iki yöntemde aynı sonucu ortaya koyuyor işin garip tarafı class sınırsız kullanma hakkı vermiş id sadece bir yerde kullanma hakkı vermiş yani benim anladığım yukardaki id="mavi" sadece bir yerde kullan başka kullanma kullanırsan hatalar olabilir gibi yazılar okudum.

Sorum şu neden class varken id ye gerek duyulmuş serbest olanı varken kısıtlamalı olan neden kullanılsın örnek vermek gerekirse iki tane lokanta var yan yana biri 1 milyona istediğin kadar çeşit yemek veriyor diğeride aynı 1 milyona sadece bir çeşit yemek veriyor Bu konuda aydınlatırsanız sevinirim neden sınırsız kullanmak varken sınırlı kullanayım??

sitenin bir tane solu left , bir tane sağı right , bir tane header'ı üst kısmı bir tane footer'ı alt kısmı, bir tane anamenüsü , bir tane flash haber blogu, bir tane üye giriş paneli, bir tane anketi vs. vs. vs. var diye.

Şöyle yapalım.

aynı id değeri olan sınıfı aynı sayfada 2 veya daha fazal geçirin ve o sayfayı http://validator.w3.org/ adresinden standartlara uyup uymadığına bakın.

Yani

<p id="mavi">Buyazı mavidir</p>
<h1 id="mavi">Bu başlık mavidir</h1>

kodunu aynı sayfada kullanın.

Asıl nedeni sanırım "id'leri JavaScript le kullanabiliyorsunuz. Ama class'ları aynı şekilde JS de kullanamıyorsunuz." diye duymuştum.

Ama id'lerin java scripte class'lara göre ne gibi kullanım farklılıkları vardır bilmiyorum.

Class'ı istediğiniz yer de istediğiniz kadar hatta aynı div'e birden fazla class ekleyerek kullanabilirsiniz. Fakat ID'yi bir sayfa içerisinde tek bir yer de ve bir defa kullanabilirsiniz.

ID'lerin asıl kullanım alanı biçimlendirmeden ziyade işaretlemedir.
Uzun bir sayfadaysanız ve sayfanın sadece istenilen bölümüne atlama yapılabilecek işaretlemeler kullanmak isterseniz bunlar için ID kullanır ve o şekilde istenilen kısmın rahatlıkla bulunmasını sağlayabilirsiniz.
Örnek: http://codex.wordpress.org/Customizing_the_Read_More#Link_Jumps_to_More_or_Top_of_Page

teşkkürler arkadaşlar açıklama ve yardımlarınız için sağolun

peki


<table class="grid">
<tbody>
<tr class="rw-1">
<td class="cl-1">
<td class="cl-2">
................................

diye giden kodlar var

cl-2'yi tbodyden yol vermek istiyorum. Nasıl yapabilirim?

#tbody td.cl-1 { ... } mi?

tbody id olarak tanımlanmamış ki oradan öyle yol veresin. Aşağıdaki gibi yapman yeterli.

.cl-2 {


}