Aynı değeri birden çok elemente aktarmak

Dedik ya CSS işlerimizi kolaylaştırır diye, işte çok hoşuna gidecek bir konu. H1, H2 ve H3 elementlerinin kırmızı, H4 ve H5 elementlerinin kırmızı ve 15px büyüklüğünde olmasını istiyorsunuz. Bunu şu şekilde tanımlayabilirsiniz;
H1, H2, H3, H4, H5 {
color: red;
}
H4, H5 {
font-size: 15px;
}
Dikkatinizi çektimi? Her değer atadıktan sonra ‘;’ işareti kullandık. Bunu mutlaka aklınızdan çıkartmayın. Her değeri ; (noktalı virgül) ile sonlandırmalısınız. En son değer olsa bile elinizi bu karaktere alıştırmalısınız. (PHP kullananlar zaten aşikardır.)

Anlamı ise ilgili özelliğin sonlandırıldığını belirtir. Eğer ki arada herhangi birisini kapatmaz iseniz o elementin özelliklerinin karışmasına, o satır dahil altında kalan değerlerin okunmasına engel olursunuz.

Aynı elemente farklı değerler atamak

XHTML’de olan elementlere farklı değerlerde atayabiliriz. Örneğin, SPAN elementinin genelde kırmızı görünmesini istiyoruz fakat P elementiyle ilişkilendirildiğinde mavi olmasını istiyoruz. Bunun için şöyle bir yazım gerekmektedir;
SPAN {
color: red; /* XHTML Kullanımı : CSSRehberi.Com */
}
P SPAN {
color: blue; /* XHTML Kullanımı :

CSSRehberi.Com

*/
}
Bunun için illa ki element belirtmek gerekmemektedir. CLASS ve ID’leri kullanarak bir değere birden fazla özellik atayabilirsiniz.