CSSoda

No te preocupes!, ya casi lo tienes.. Sí se puede!

Estás por aprender más acerca de los selectores de CSS! Los Selectores son las sentencias que te permiten seleccionar a cuáles elementos aplicarle los estilos css que defines en una regla de css.

Por ejemplo... en esta regla CSS

p {
   margin-bottom: 12px;
}

Aquí, la "p" es el selector (en este ejemplo: selecciona todos los elementos p que son los párrafos en html) y les aplica ese estilo de margen inferior (margin-bottom).

Para jugar, escribe un selector CSS en el editor de abajo, para seleccionar los elementos correctos de la mesa. Si los seleccionas correctamente, avanzas al siguiente nivel!.

Pasa el puntero del mouse encima los items en la mesa para que veas cuál es su código correspondiente en HTML.

Además, puedes conseguir ayuda importante leyendo las pistas acerca de cada selector, en la caja a la derecha! →

Ok, listo!
Ayuda! No entiendo! No sé qué hacer!
style.css
Editor de CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
+
enter
{
/* Los estilos van aquí. */
}

/*
Introduce un número para saltarte directamente a ese nivel.
Ejemplo → "5" para ir directo al nivel 5
*/
table.html
Vista del HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Traducido, continuado y complementado por Salvatorius — a partir de un fork de css-dinner!

Preguntas, Sugerencias, Errores? Por favor crea un ticket en nuestro repositorio Github.

Ejemplos

Escoge un nivel

Reiniciar el Progreso