Gönderen Konu: [Nasıl] CSS Sahte Sınıflar  (Okunma sayısı 109 defa)

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Çevrimdışı ByEfexor

  • Yeni Penguen
  • *
  • İleti: 69
  • apt-get install huzur
    • ezel.php
    • EZELinux
  • Dağıtım: Linux Mint
  • Masaüstü: Cinnamon
  • Grafik Kartı: Nvidia
  • İşlemci: İntel
  • RAM: 8
[Nasıl] CSS Sahte Sınıflar
« : 10 Mayıs 2019, 14:13:11 »
Merhabalar, CSS de sahte sınıfların kullanımı ve ne işi yaradığı ile alakalı zamanında elimin altında durması için txt hazırlamıştım, onu sizlerle paylaşmak istiyorum.

Dipnot : CSS altyapısı olan arkadaşlar içindir.

Kod: [Seç]
/* :link : Daha önce hiç açılmamış link'in rengini tanımlar. */



/* :hover : Belirtilen HTML elementinin mouse (fare) üzerine geldiğinde stil tanımlar. Belirtilen HTML elementinin mouse (fare) üzerinden ayrıldığında stil normale döner. */



/* :active : Belirtilen HTML elementi aktif olduğunda stil tanımlar. */



/* :visited : Daha önce açılmış link'in rengini tanımlar. */



/* :any-link : Doküman içerisinde bulunan HTML'in link elementinin / elementlerinin URL değeri boş değil ise stil tanımlar. */



/* :focus : Belirtilen HTML elementine odaklanıldığında stil tanımlar. Belirtilen HTML elementine odağından çıkıldığında stil normale döner. */



/* :lang() : Belirtilen HTML elementinin lang (dil) özelliğine göre stil tanımlar. */



/* :target : Belirtilen HTML elementine çapa türünde link'ler ile bağlanmış olan ve tıklandığında hedeflenmiş olan elemente stil tanımlaması yapar. */



/* :root : HTML belgesinin kök (html) elementine stil tanımlar. */



/* :empty : Belirtilen HTML elementinin içeriği tamamen boş ise stil tanımlaması yapar. */



/* :not() : Belirtilen HTML elementi hariç diğer tüm HTML elementlere stil tanımlar. */



/* :checked : Belirtilen HTML elementi seçildiğinde stil tanımlar. Belirtilen HTML elementi seçimi kaldırıldığında stil normale döner. */



/* :disabled : Belirtilen HTML elementi ektin olmadığında stil tanımlar. */



/* :enabled : Belirtilen HTML elementi ektin olduğunda stil tanımlar. */



/* :read-only : Belirtilen HTML elementi sadece okunabilir olduğunda stil tanımlar. */



/* :read-write : Belirtilen HTML elementi okunabilir ve yazılabilir (düzenlenebilir) olduğunda stil tanımlar. */



/* :required : Belirtilen HTML elementine bilgi girişi zorunlu olduğunda stil tanımlar. */



/* :optional : Belirtilen HTML elementine bilgi girişi opsiyonel olduğunda stil tanımlar. */



/* :valid : Belirtilen HTML elementi bilgi girişi geçerli bir değer olduğunda stil tanımlar. Belirtilen HTML elementi bilgi girişi geçersiz bir değer olduğunda stil normale döner. */



/* :invalid : Belirtilen HTML elementi bilgi girişi geçersiz bir değer olduğunda stil tanımlar. Belirtilen HTML elementi bilgi girişi geçerli bir değer olduğunda stil normale döner. */



/* :in-range  : Belirtilen HTML Elementi bilgi girişi, belirtilen aralıklar dahilinde bir değer olduğunda stil tamımlar, Belirtilen HTML Elementi bilgi girişi, belirtilen aralıklar dışında bir değer olduğunda stil normal'e döner*/



/* :out-of-range  : Belirtilen HTML Elementi bilgi girişi, belirtilen aralıklar dışında bir değer olduğunda stil tamımlar, Belirtilen HTML Elementi bilgi girişi, belirtilen aralıklar içinde bir değer olduğunda stil normal'e döner */



/* :first-child     Belirtilen HTML Elementi baz alınarak, üst elementine göre bitişik ilk çocuk ( child ) durumundaki elemente stil tanımlar. */



/* :last-child : Belirtilen HTML elementi baz alınarak, üst elementine göre bitişik son child (çocuk) durumundaki elemente stil tanımlar. */



/* :first-of-type : Belirtilen HTML elementi baz alınarak, üst elementine göre ilk child (çocuk) durumundaki elemente stil tanımlar. */



/* :last-of-type : Belirtilen HTML elementi baz alınarak, üst elementine göre son child (çocuk) durumundaki elemente stil tanımlar. */



/* :only-child : Belirtilen HTML elementi baz alınarak, üst elementine göre bitişik tek child (çocuk) durumundaki elemente stil tanımlar. */



/* :only-of-type : Belirtilen HTML elementi baz alınarak, üst elementine göre kardeş element türleride eşleşen tek child (çocuk) durumundaki elemente stil tanımlar. */



/* :nth-child() : Belirtilen HTML elementi baz alınarak, üst elementine göre kardeş, element türüne bakılmaksızın, ilk child (çocuk) durumundaki elementten başlayarak sıra numarasına / numaralarına göre stil tanımlar.
odd : Tek haneye göre sıralama yapar
even : Çift haneye göre sıralama yapar
Kullanımı :nth-child(odd) gibi*/



/* ::first-letter : Belirtilen HTML elementinin ilk karakterine stil tanımlar. */



/* ::first-line : Belirtilen HTML elementinin ilk satırına stil tanımlar. */



/* ::before : Belirtilen HTML elementinin öncesine içerik atayarak stil tanımlar. */



/* ::after : Belirtilen HTML elementinin sonrasına içerik atayarak stil tanımlar. */



/* ::selection : Belirtilen HTML elementinin kullanıcı tarafından seçilen kısmına stil tanımlar. */



Düzenleme: Konu başlığı
« Son Düzenleme: 11 Mayıs 2019, 00:07:04 Gönderen: Butterfly »