CSS'de Kimlik Seçici Nasıl Kullanılır

Mayıs Ayı 2, 2024

Son birkaç derste, üç CSS kuralı türünden ikisini tartıştık. İlk tür, eşleşen HTML etiketi için stili temel alan ve kontrol eden HTML seçicidir. İkinci tür, web sayfasındaki herhangi bir öğeye uygulanabilen genel bir stil gibi çalışan sınıf seçici.

Şimdi ID seçici adı verilen üçüncü tip CSS kuralını tartışma zamanı. Sınıf seçicide olduğu gibi, kimlik seçici de web sayfasındaki herhangi bir öğeye uygulanabilir. Ancak, bir sayfada yalnızca bir kez kullanılması amaçlanmıştır. Bu, kimlik seçiciyi dinamik HTML ve JavaScript için çok kullanışlı hale getirir. Teorik olarak, kimlik seçiciyi bir sayfada birden fazla kullanırsanız, sonraki seçimlerin web tarayıcısı tarafından yoksayılması gerekir. Ancak, bu her zaman böyle değildir. Web tarayıcılarının öngörülebilirliğine güvenmek çok zordur. Bu nedenle, Kimlik seçiciyi kullanmayı seçtiğinizde, yalnızca bir kez kullanmaya dikkat edin. Bir örneğe bakalım.

Temel Kod

. . .

Misal

. . .

Kimlik Seçici

Etiketlerin içinde, Kimlik seçicinin kare simgesiyle (#) başladığını ve bunu ID seçiciye atadığınız adla izlediğini göreceksiniz. Sınıf seçicide olduğu gibi, istediğiniz herhangi bir adı kullanabilirsiniz, ancak adın kimlik seçicinin ne için kullanılacağını belirtmesi en iyisidir. Örnekte, bunu metnin özel bir bölümünü tanımlamak için kullanıyoruz.

{mülk değeri;}

Ayrıca etiketlerin içinde, kimlik seçiciyi, süslü parantezler arasına yerleştirilen bir veya daha fazla özellik değeri çifti izler. Bu özellik-değer çiftleri stilin özelliklerini belirler. Örnekte, special_text ID selektörlü paragrafta kırmızı renkli metin olacaktır.

. . .

Web sayfasının gövdesinde Kimlik seçiciyi kullandığınızda, açılış HTML etiketindeki id niteliğini kullanırsınız. İd özelliğinin değeri, bu durumda "special_text" olmak üzere kimlik seçiciye verilen benzersiz addır. (id = "value") Seçici, stili, stili uygulamak istediğiniz HTML etiketine “bağlar”. Yukarıdaki örnekte, Kimlik seçici yalnızca bir tanesinin içine yerleştirilecektir

web sayfasında etiketi. Web sayfasındaki diğer HTML etiketlerinin açılış etiketinin içindeki kimlik seçiciyi içermemesi gerekir.

Video Talimatları: Yakın Kampüs - XHTML (HTML) ve CSS Ders 25 - CSS'de Absolute Konumlandırma (Position) (Mayıs Ayı 2024).

Kimlik Seçici'yi CSS, HTML, CSS kural türlerinde kullanma, Kimlik seçici nasıl kullanılır, CSS Kimlik seçici

Önceki Makale

Sonraki Makale

İlgili Makaleler

bilgisayarlar

Masaüstü Yapışkan Notları (Outlook)

Mayıs Ayı 2024

Outlook, iş yükünüzü yönetmenize yardımcı olacak bazı harika özelliklere sahiptir. Herkes işte ve evinizde Post-it Notlar kullanır, çünkü her yere yapıştırabilirsiniz. Outlook'un not özelliği ile...

bilgisayarlar

Ön Görev Geliştirildi - XBOX 360

Mayıs Ayı 2024

Front Mission normalde mekanik tabanlı bir Strateji RPG serisi olsa da, "Front Mission Evolved", Zırhlı Çekirdek veya Mechwarrior gibi oyunlara öncekilerden daha yakın. Bazı temaları sağlam tutmaya...