[Darksist]

Merhabalar, son zamanlarda yaptığım işlerde CSS ağırlığını arttırmaya başladım ve başladıkçada ufak tefek kısıtlamalar yaşıyorum. Tam olarak tanımlamak istediğim olayı açıklayayım:

Elimizde class tanımlaması yapılmış bir div tagı var ve bu div tagının içeriğine eklenen a, img li gibi tagların div içerisinde farklı özellikeri olmasını istiyorum.(ayrıca bir style, class veya id tanımlaması yapmadan) Fakat a tagının hover, visited gibi ekstra niteliklerini de div class'ı içerisinden tanımlamış olmak istiyorum.

CSS te böyle bir imkan varmıdır yoksa her tag için bir class yaratıp öyle kullanmalıyım?

[ilkersaykal]

İmkanın tabiki var.

örnek :

#orta .img {
.........
.......

}

gibi bir tanımlama yapabilirsin

veya

#orta h1 {
.......
......
}

mesela burda da orta div in içindeki tüm <h1> taglarını belirlemiş olursun.

Kolay gelsin.

[nothingrows]

#orta .img {
.........
.......

}

Bu pek doğru olmayacaktır, daha doğrusu bu şekilde yaparsan resimlerine class="img" diye bir nitelik girmen gerekir onun yerine #orta img {} diye yazmalısın.

#ilkersaykal arkadaşımın anlatmak istediği şey, herhangi bir id ya da class tanımlaması içine dahil olarak dilediğin HTML etiketlerine stil atayabilirsin. Daha fazla ve kafa karıştırıcı örnek vermek gerekirse;

#orta .mesaj a { text-decoration: underline; }
#orta .mesaj a:hover { text-decoration: none; }
#orta .mesaj a img { border: none; }
#orta .mesaj a:hover img { border: 1px solid #CCCCCC !important; }
#orta div h1 { font-weight: normal; }
#orta div h1 a { border-bottom: 1px solid #FFCC00; }

gibi iç içe karışık yapılar kullanabilirsin.

[ilkersaykal]

#orta {
height: 200px;
width: 200px;
}
#orta img {
border: 1px solid #003399;
}

işte aynen böyle olacak, sadece img yazarken yanına nokta koymuşum o yanlış olmuş.

Böyle yaparsan o divin içindeki tüm resimlere border verecektir mesela...

[Darksist]

@ilkersaykal ve @nothingrows

Açıklamalarınız için teşekkür ederim, tam olarak bahsettiğim şey buydu.

[temmuzss]

# kullanmaya gerek yok

.classadı img {
}

bu da çalışıyor.
hatta şu alttaki de

.classadı .clasınicindekiclass .enictekilinkinclassı:hover {
}

ben de yeni yeni öğreniyorum, deneme yamulma yöntemi

kolay gelsin

[BYK]

Deneyip yamulmadan önce bakılması gereken kaynaklar:

http://www.w3schools.com/css/default.asp
http://www.w3schools.com/css/css_reference.asp

[junKie]

deneme yamulma yolu birçok şey öğretebiliyor, özellikle CSS ve xhtmlde ben herşeyi deneme yamulma yoluyla öğrendim

[ParadoXe]

Şu da işine yaraya bilir.bir yerde görmüştüm ve pc ye kaydetmiştim.

[BYK]

junKie tarafından gönderilen mesaj:

deneme yamulma yolu birçok şey öğretebiliyor, özellikle CSS ve xhtmlde ben herşeyi deneme yamulma yoluyla öğrendim

O kaçınılmaz zaten günümüzdeki standartlara özen gösteren(!) tarayıcılarımız sayesinde ki buna tecrübe diyoruz. Ama tecrübe sahibi olmaya başlamadan önce konuyu da biraz bilmek lazım, dikkat çekmek istediğim nokta o