SASS-də İç-içəlikdə Qohumluq Selektoru
Gəlin SASS-də iç-içəlik zamanı müxtəlif selektorları, elementləri qohumluğa görə seçənləri necə əlavə etməyi nəzərdən keçirək. Nümunələrə baxın.
Nümunə
Uşaq selektoru:
div {
> p {
color: red;
}
}
Kompilyasiya nəticəsi:
div > p {
color: red;
}
Nümunə
Qonşu selektor
div {
+ p {
color: red;
}
}
Kompilyasiya nəticəsi:
div + p {
color: red;
}
Nümunə
Qohum selektoru:
div {
~ p {
color: red;
}
}
Kompilyasiya nəticəsi:
div ~ p {
color: red;
}
Praktiki Tapşırıqlar
Aşağıdakı kodun kompilyasiya nəticəsi nə olacağını izah edin:
ul {
color: red;
> li {
padding: 20px;
}
}
Aşağıdakı kodun kompilyasiya nəticəsi nə olacağını izah edin:
div {
ul {
> li {
padding: 20px;
}
}
}
