Css’de sınıfın sınıfı ( Class1.Class2 )

Merhaba arkadaşlar bu makaleme düzgün bir başlık bulamazsam da bu bilgiyi kötü bir başlıkla sizden esirgemek istemedim.

Geçenlerde bir arkadaş (ÖFÖ) span.class.class yapmıştı ve bende arkadaşı uyarmıştım (diğer tarayıcılarda çalışmayabilir dikkatli çalış gibisinden)
Bugün test ettim, biraz kurcaladım ve gerçekten çok güzel bir nimet ve ie7, ie8,  ie9 dahil olmak üzere tüm tarayıcılarda (ie7 de çalışıyorsa hepsiden çalışır zaten) çalışıyor.

Sistem işleyişi şu şekil oluyor :

a.tamBoy,  a.yarimBoy adlı classlarımız var, bu classların hoverları ve secili durumları var.

a.tamBoy.secili diye tanımladığımız css özellikleri şu şekilde çalışıyor,

tamBoy class’ına sahip a tagına -> secili classı varsa belirttiğimiz özellikler gerçerli oluyor.

Örnek çalışma :

Codepen.io link -> http://codepen.io/AycanB/pen/vCskm

Kaynak

– Css-Tricks http://css-tricks.com/multiple-class-id-selectors/

“Css’de sınıfın sınıfı ( Class1.Class2 )” üzerine 5 yorum

  1. foundation, bootstrap gibi frameworklerden kullansaydın veya en azından 960.gs gibi bir grid system kullanmış olsaydın 3-5 sene önce karşılaşabilirdin 🙂
    grid systemlerin alayı bu mantıkla çalışıyor.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir