From 21363e945c84af5f30ff039500108d7989424192 Mon Sep 17 00:00:00 2001 From: Jose Rodriguez Date: Wed, 13 Mar 2019 14:02:51 -0400 Subject: [PATCH] Redaction and translation updated. (#19761) Enhanced redaction and translation, made a better explanation to enhance the understanding about the description, the instructions, the tests and the challenge seed. --- .../use-a-css-class-to-style-an-element.spanish.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/curriculum/challenges/spanish/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.spanish.md b/curriculum/challenges/spanish/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.spanish.md index 41cc07cf83..1c2215fdac 100644 --- a/curriculum/challenges/spanish/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.spanish.md +++ b/curriculum/challenges/spanish/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.spanish.md @@ -7,21 +7,21 @@ localeTitle: Usa una clase CSS para diseñar un elemento --- ## Descripción -
Las clases son estilos reutilizables que se pueden agregar a elementos HTML. Aquí hay un ejemplo de declaración de clase CSS:
<style>
.blue-text {
color: blue;
}
</style>
Puede ver que hemos creado una clase CSS llamada blue-text dentro de la etiqueta <style> . Puede aplicar una clase a un elemento HTML como este: <h2 class="blue-text">CatPhotoApp</h2> Tenga en cuenta que en su elemento de style CSS, los nombres de clase comienzan con un punto. En el atributo de clase de los elementos HTML, el nombre de la clase no incluye el período.
+
Las clases son estilos reutilizables que se pueden agregar a elementos HTML. Aquí hay un ejemplo de declaración de clase CSS:
<style>
.blue-text {
color: blue;
}
</style>
Puede ver que hemos creado una clase CSS llamada blue-text dentro de la etiqueta <style> . Puede aplicar una clase a un elemento HTML como este: <h2 class="blue-text">CatPhotoApp</h2> Tenga en cuenta que en su elemento de class CSS en la etiqueta <style>, los nombres de clase comienzan con un punto. En el atributo de clase de los elementos HTML, el nombre de la clase no incluye el punto.
## Instrucciones -
Dentro de su elemento de style , cambie el selector h2 a .red-text y actualice el valor del blue de blue a red . Déle a su elemento h2 el atributo de class con un valor de 'red-text' .
+
Dentro de la etiqueta style , cambie el selector h2 a .red-text y actualice el valor blue a red . Déle a su elemento h2 el atributo de class con un valor de 'red-text' .
## Pruebas
```yml tests: - - text: Tu elemento h2 debe ser rojo. + - text: Tu elemento h2 debería ser rojo. testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your h2 element should be red.");' - - text: Tu elemento h2 debe tener la clase red-text . + - text: Tu elemento h2 debería tener la clase red-text . testString: 'assert($("h2").hasClass("red-text"), "Your h2 element should have the class red-text.");' - - text: Su hoja de estilo debe declarar una clase de red-text y tener su color establecido en rojo. + - text: Su hoja de estilo debe declarar una clase de red-text y tener establecido el color en rojo. testString: 'assert(code.match(/\.red-text\s*\{\s*color\s*:\s*red;\s*\}/g), "Your stylesheet should declare a red-text class and have its color set to red.");' - text: 'No use declaraciones de estilo en línea como style="color: red" en su elemento h2 .' testString: 'assert($("h2").attr("style") === undefined, "Do not use inline style declarations like style="color: red" in your h2 element.");'