İç İçe SASS'ta Akrabalık Seçicileri
SASS'ta iç içe geçmiş yapılarda, elementleri akrabalıklarına göre seçen farklı seçicilerin nasıl ekleneceğini inceleyelim. Örneklere bakın.
Örnek
Çocuk seçici:
div {
> p {
color: red;
}
}
Derleme sonucu:
div > p {
color: red;
}
Örnek
Bitişik komşu seçici
div {
+ p {
color: red;
}
}
Derleme sonucu:
div + p {
color: red;
}
Örnek
Genel kardeş seçici:
div {
~ p {
color: red;
}
}
Derleme sonucu:
div ~ p {
color: red;
}
Pratik Görevler
Aşağıdaki kodun derleme sonucunun ne olacağını açıklayın:
ul {
color: red;
> li {
padding: 20px;
}
}
Aşağıdaki kodun derleme sonucunun ne olacağını açıklayın:
div {
ul {
> li {
padding: 20px;
}
}
}
