CSS'te Bitişik Birden Fazla Seçici
Bir öğeyi aynı anda birden fazla seçiciye uygun seçmek için, bu seçicileri boşluk bırakmadan bitişik yazmanız gerekir.
Örneğin, aşağıdaki seçici, aynı anda bbb sınıfına
ve zzz sınıfına sahip olan öğeyi seçecektir:
.bbb.zzz {
}
Aşağıdaki seçici ise, aynı anda bbb sınıfına
ve zzz sınıfına sahip olan h2 başlığını seçecektir:
h2.bbb.zzz {
}
Belirtilen şekilde, keyfi seçici yapıları oluşturulabilir. Bu durumda, kullanılan seçicilerin sırası önemli değildir, ancak etiket seçicilerinin en başa konulması kuralı hariçtir.
Yani, örneğin, .bbb.zzz ve .zzz.bbb
seçicileri tamamen eşdeğerdir.
Ayrıca, id kullanılarak seçiciler oluşturulabilir,
örneğin: #elem.eee, veya h2#elem.eee,
veya h2.eee#elem vb.
Aşağıdaki kodda verilen seçicinin ne seçtiğini açıklayın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:
.bbb.zzz {
color: red;
}
Aşağıdaki kodda verilen seçicinin ne seçtiğini açıklayın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:
h2.bbb.zzz {
color: red;
}
Aşağıdaki kodda verilen seçicinin ne seçtiğini açıklayın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:
#elem.bbb {
color: red;
}
Aşağıdaki kodda verilen seçicinin ne seçtiğini açıklayın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:
#elem.bbb.zzz {
color: red;
}
Aşağıdaki kodda verilen seçicinin ne seçtiğini açıklayın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:
h2#elem.bbb {
color: red;
}
