Tipos de selectores

Contactar con el profesor

Selector descendente

El siguiente selector se aplica a todos los párrafos que se encuentren dentro de un span un color igual a 10px:

p span { color: red; }

Selector combinado

El siguiente selector se aplica a todos los párrafos con clase amplio que estén dentro de otro de un div con clase verde, un margen de 40px:

div.verde p.amplio { margin: 40px; }

class vs id

Las clases y los identificadores son como los nombres comunes y los propios. Una clase se puede reutilizar para diversos elementos pero uno con id tiene que ser único (class=”montes”, id=”Everest”). No puede haber más que un solo elemento con una determinada id en la misma página, de lo contrario el intérprete del navegador dará resultados imprevisibles.

Juego online para aprender a usar los selectores de CSS

Acceder al juego

¿Cómo escribir menos código?

Cómo no hacerlo:

#content { 
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 15px;
	background-color: #000;
	background-repeat: no-repeat; 
}

Cómo hacerlo:

#content{
	margin: 10px 12px 0 15px;
	background: #000 no-repeat; 
}
← Grid Layout
Parallax →

Aviso Legal | Política de privacidad