CSS i zagnieżdżone grupowanie
grupowanie selektorów
Istnieje wiele elementów, które mają ten sam styl w arkuszu stylów.
h1
{
kolor: zielony;
}
h2
{
kolor: zielony;
}
p
{
kolor: zielony;
}
{
kolor: zielony;
}
h2
{
kolor: zielony;
}
p
{
kolor: zielony;
}
Aby zminimalizować kodu, można użyć przełącznika pakietów.
Każdy selektor Używane przecinków.
W poniższym przykładzie, używamy powyższy kod grupowanie selektorów:
zagnieżdżone selektorów
Może to mieć zastosowanie do wyboru Selector wnętrz style.
W poniższym przykładzie, zestaw trzech wersjach:
- Określić styl dla wszystkich elementów p
- = "Zaznaczone" elementy określić styl dla całej klasy
- = "Marked" Element p obrębie elementu określa styl dla całej klasy
Przykłady
p
{
kolor: niebieski;
text-align: center;
}
.marked
{
background-color: red;
}
.marked p
{
kolor: biały;
}
{
kolor: niebieski;
text-align: center;
}
.marked
{
background-color: red;
}
.marked p
{
kolor: biały;
}
Spróbuj »