Css IDs - Css Dersleri

[VexraDev]

ROHAN2 WORLD 1-120 TR TİPİ OFFICIAL YOHARA, BALATHOR VE AMON! 80. GÜNÜNDE! +10.000 ONLİNE! HİLE VE BOT %100 ENGELLİ HEMEN TIKLA!

Merhaba,

Bir önceki konu içerisinde IDs kavramını yetiştirememiştim.

Bir önceki konudan hatırlarsanız Classes kavramını anlatmıştım. IDs kavramını çok basit bir şekilde anlatmak gerekirse Classes ile aynıdır. Aralarındaki tek fark Classes etiketini, html içerisinde birden fazla bölümde kullanabiliyorsunuz fakat IDs kavramı için gereken "id" etiketini sadece bir defaya mahsus kullanabilirsiniz. Aşağıda örneğini vereceğim ve daha anlaşılır olacağını düşünüyorum.

p {
color: red;
}

Bu kod <p> etiketini hedef alan bir kod.

Şimdi aynı şekilde IDS kavramını bir örnek ile göstereceğim.

Diyelim ki 3 adet alt alta <p> etiketimiz var ve bizim yukarıda girdiğimiz kod bütün <p> etiketlerine uygulandı, ama biz bir aralarındaki bir <p> etiketinin farklı bir değer olmasını istiyoruz veya yukarıda girilen p etiketine verilen değerleri, o p etiketinde daha farklı olsun istiyoruz.

Örneği çiziyorum hemen,

<p> Paragraf 1 </p>
<p id="p2"> Paragraf 2 </p>
<p> Paragraf 3 </p>

Hangi paragrafta işlem yapacaksak o paragrafın etiket başlangıç kısmının sonuna "id" değerini giriyoruz.

Sonra o "id" değerine css kodlarını uyguluyoruz.

#p2 {
color: blue;
}

Tekrar bahsedeyiöm bu p2 etiketini html içinde başka bir yerde kullanamazsınız tek seferliktir.

Örneğin;

<p> Paragraf 1 </p>
<p id="p2"> Paragraf 2 </p>
<p id="p2"> Paragraf 3 </p>

Burada iki yerde de p2 id'sini kullandık fakat ilk gelen hangisi ise onda işlev gösterir, bir sonraki için her zaman etkisizdir. Ve classes için css kod etiketinin başına " . " koyuyorduk, id için ise başına " # " koyuyoruz.