SASS-da içine gireniň dowamlylygy boýunça gatnaşyk selektorlary
Geliň, SASS-da içine gireniň dowamlylygynda elementleri gatnaşygy boýunça saýlaýan dürli selektorlary nädip goşmalydygyny gözden geçireýin. Mysallara serediň.
Mysal
Çaga selektory:
div {
> p {
color: red;
}
}
Kompilirleme netijesi:
div > p {
color: red;
}
Mysal
Golaý selektory
div {
+ p {
color: red;
}
}
Kompilirleme netijesi:
div + p {
color: red;
}
Mysal
Gatnaşyk selektory:
div {
~ p {
color: red;
}
}
Kompilirleme netijesi:
div ~ p {
color: red;
}
Amaly wezipeler
Aşakdaky kodyň kompilirleme netijesi nähili bolar, açyklaň:
ul {
color: red;
> li {
padding: 20px;
}
}
Aşakdaky kodyň kompilirleme netijesi nähili bolar, açyklaň:
div {
ul {
> li {
padding: 20px;
}
}
}
