CSS y agrupación anidada
La agrupación de selectores
Hay muchos elementos que tienen el mismo estilo en la hoja de estilo.
h1
{
color: green;
}
h2
{
color: green;
}
p
{
color: green;
}
{
color: green;
}
h2
{
color: green;
}
p
{
color: green;
}
Para reducir al mínimo el código, puede utilizar el selector de paquetes.
Cada selector comas utilizados.
En el siguiente ejemplo, se utiliza el código de seguridad selectores de agrupación:
selectores anidadas
Se puede aplicar al selector Selector de estilos de interior.
En el siguiente ejemplo, un conjunto de tres estilos:
- Especificar un estilo para todos los elementos p
- = "Marcados" elementos especificar un estilo para toda la clase
- = "Marcado" elemento p dentro de un elemento especifica un estilo para toda clase
Ejemplos
p
{
color: blue;
text-align: center;
}
.marked
{
background-color: rojo;
}
.marked p
{
color: blanco;
}
{
color: blue;
text-align: center;
}
.marked
{
background-color: rojo;
}
.marked p
{
color: blanco;
}
Trate »