К содержанию

Error al usar múltiples selectores CSS

Recuerdo el error común de principiantes: el selector .bbb.zzz y el selector .bbb .zzz hacen cosas diferentes. El primero busca un elemento que tiene ambas clases simultáneamente, y el segundo busca un elemento con la clase zzz que se encuentra dentro de un elemento con la clase bbb.

Задание 1

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

cssh2.zzz {
  color: red;
}

Задание 2

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

cssh2 .zzz {
  color: red;
}

Задание 3

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

css.bbb.zzz {
  color: red;
}

Задание 4

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

css.bbb .zzz {
  color: red;
}

Задание 5

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

css.bbb.zzz.xxx {
  color: red;
}

Задание 6

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

css.bbb .zzz.xxx {
  color: red;
}

Задание 7

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

css.bbb.zzz .xxx {
  color: red;
}

Задание 8

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

css.bbb .zzz .xxx {
  color: red;
}

Задание 9

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

css#elem.bbb {
  color: red;
}

Задание 10

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

css#elem .bbb {
  color: red;
}