Merhaba.

CSS Eğitimlerimize Attribute Selectors yani özellik seçici özelliği ile devam ediyoruz.

Bir HTML elementinin özelliklerini işaret edecek o elemente özel tasarımlar, stiller oluşturabiliriz.

1.Basit Özellik Seçici

Belirli bir etiketin mesela a etiketinin href özelliğine göre yada target özelliğine göre stil oluşturabiliriz.

Bunu şu şekilde yaparız.

Hemen bir örnek ile olayı kavramaya çalışalım.

Örneklerimizi artırabiliriz. Bu durumun bize temel özelliklerin dışında kullanım sağlayarak istediğimiz elementlere özellik vermek için çok kullanışlıdır. Örneğin a etiketinin sadece target özelliği olanlara bir özellik atasaydık. Sayfada pek çok a elementi varken sadece target özelliğine sahip olanlara bu özelliği uygulardı.

2. Özellik Değeri Seçici

Şimdi işi biraz daha özelleştirme vakti. Bir özelliğe atadığımız değere göre stiller oluşturabiliriz.

3. Kısmi Özellik Değeri Seçici

Bir etiketin özellik değerindeki boşluklarla ayrılmış kısımlarına göre tanımlama yapmamızı sağlar.

4. Dikkate Değer Özellik Seçici

Bazı etiketlerin özellikler – ile ayrılan değerlere sahiptir. Buradaki tireden önce ayrılan değere göre stil atamaları yapabiliriz.

Bugünlük bu kadardı bir sonraki yazımda görüşmek üzere.