CSS e agrupamento aninhado
agrupamento seletores
Há muitos elementos que têm o mesmo estilo na folha de estilo.
h1
{
color: green;
}
h2
{
color: green;
}
p
{
color: green;
}
{
color: green;
}
h2
{
color: green;
}
p
{
color: green;
}
Para minimizar o código, você pode usar o seletor de pacotes.
Cada selector vírgulas usados.
No exemplo a seguir, usamos o código acima seletores de agrupamento:
seletores aninhados
Ele pode aplicar para o selector de estilos de interiores Selector.
No exemplo a seguir, um conjunto de três estilos:
- Especificar um estilo para todos os elementos p
- = Elementos "marcados" especificar um estilo para toda a classe
- = "Marcado" elemento p dentro de um elemento especifica um estilo para toda a classe
Exemplos
p
{
color: blue;
text-align: center;
}
.marked
{
background-color: red;
}
.marked p
{
cor: branco;
}
{
color: blue;
text-align: center;
}
.marked
{
background-color: red;
}
.marked p
{
cor: branco;
}
tente »