From 64ad97bf9c7fb5086182c831919d0ac1c6b38019 Mon Sep 17 00:00:00 2001 From: Jose Mora <109150320+josemoracard@users.noreply.github.com> Date: Wed, 22 Mar 2023 20:06:14 +0100 Subject: [PATCH 1/6] Update README.md --- exercises/04-Class-Selector/README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/exercises/04-Class-Selector/README.md b/exercises/04-Class-Selector/README.md index 238942e1..f2f91246 100644 --- a/exercises/04-Class-Selector/README.md +++ b/exercises/04-Class-Selector/README.md @@ -4,11 +4,11 @@ tutorial: "https://www.youtube.com/watch?v=RffCSMXgWFc" # `04` Class Selector -There are many ways to select HTML elements to apply styles to them, so far we have only use the `tag` selector, lets talk about the `.class` selector: +There are many ways to select HTML elements to apply styles to them, so far we have only used the `tag` selector, so let's talk about the `.class` selector: ## `.class` Selector -It is the most popular css selector, you will probably use it every 5 minutes. +It is the most popular CSS selector, you will probably use it every 5 minutes. Use the class property of the HTML element to select it. Styling rules will apply to all elements with the same class value From 784f9619047b30ef6df183cc405f7077be7ec871 Mon Sep 17 00:00:00 2001 From: Jose Mora <109150320+josemoracard@users.noreply.github.com> Date: Wed, 22 Mar 2023 20:06:53 +0100 Subject: [PATCH 2/6] Update README.md --- exercises/04-Class-Selector/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/exercises/04-Class-Selector/README.md b/exercises/04-Class-Selector/README.md index f2f91246..ea3fccb1 100644 --- a/exercises/04-Class-Selector/README.md +++ b/exercises/04-Class-Selector/README.md @@ -24,6 +24,6 @@ Use the class property of the HTML element to select it. Styling rules will appl Right now there is a class selected on the CSS that is called `.b-blue`. -Please apply that class to both of the `

` tags in HTML. +Please apply that class to both of the `

` tags in the HTML file. From 1a6a8900cec94425415a39bf621c5cd7781ff6bd Mon Sep 17 00:00:00 2001 From: Jose Mora <109150320+josemoracard@users.noreply.github.com> Date: Wed, 22 Mar 2023 20:15:08 +0100 Subject: [PATCH 3/6] Update README.es.md --- exercises/04-Class-Selector/README.es.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/exercises/04-Class-Selector/README.es.md b/exercises/04-Class-Selector/README.es.md index e8d66db1..02f0e95a 100644 --- a/exercises/04-Class-Selector/README.es.md +++ b/exercises/04-Class-Selector/README.es.md @@ -1,19 +1,19 @@ # `04` El selector de clase -Hay muchas formas de seleccionar los elementos HTML para aplicarles estilos, hasta ahora solo hemos usado la etiqueta selector, hablemos sobre el selector `.class`: +Hay muchas formas de seleccionar los elementos HTML para aplicarles estilos, hasta ahora solo hemos usado los selectores de etiquetas, así que hablemos sobre el selector `.class`: ## Selector de clase: Es el selector de CSS más popular, probablemente lo usarás cada 5 minutos. -Usa la propiedad de clase del elemento HTML para seleccionarlo. La reglas de estilo se aplicarán a todos los elementos con la misma clase. +Usa la propiedad `class` del elemento HTML para seleccionarlo. Las reglas de estilo se aplicarán a todos los elementos con la misma clase. ```css .small{ font-size: 9px; } ``` -*Cualquier etiqueta html con `class="small"` tendrá un font-size de `9px`.* +*Cualquier etiqueta html con `class="small"` tendrá un font-size de `9px`.* ## 📝 Instrucciones: From 5695c184cb08219fa507999ad00f21500006e2b8 Mon Sep 17 00:00:00 2001 From: Jose Mora <109150320+josemoracard@users.noreply.github.com> Date: Wed, 22 Mar 2023 20:16:37 +0100 Subject: [PATCH 4/6] Update README.md --- exercises/04-Class-Selector/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/exercises/04-Class-Selector/README.md b/exercises/04-Class-Selector/README.md index ea3fccb1..d0f7ccae 100644 --- a/exercises/04-Class-Selector/README.md +++ b/exercises/04-Class-Selector/README.md @@ -24,6 +24,6 @@ Use the class property of the HTML element to select it. Styling rules will appl Right now there is a class selected on the CSS that is called `.b-blue`. -Please apply that class to both of the `

` tags in the HTML file. +Please apply that class to both of the HTML `

` tags. From 9dcae71d0e5accb18850039cc36de90666853e85 Mon Sep 17 00:00:00 2001 From: Jose Mora <109150320+josemoracard@users.noreply.github.com> Date: Wed, 22 Mar 2023 20:16:59 +0100 Subject: [PATCH 5/6] Update README.es.md --- exercises/04-Class-Selector/README.es.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/exercises/04-Class-Selector/README.es.md b/exercises/04-Class-Selector/README.es.md index 02f0e95a..e3d7f2a5 100644 --- a/exercises/04-Class-Selector/README.es.md +++ b/exercises/04-Class-Selector/README.es.md @@ -13,7 +13,7 @@ Usa la propiedad `class` del elemento HTML para seleccionarlo. Las reglas de est font-size: 9px; } ``` -*Cualquier etiqueta html con `class="small"` tendrá un font-size de `9px`.* +*Cualquier etiqueta HTML con `class="small"` tendrá un font-size de `9px`.* ## 📝 Instrucciones: From fde4d3c555fde774285c1107218c45b6781babb5 Mon Sep 17 00:00:00 2001 From: Jose Mora <109150320+josemoracard@users.noreply.github.com> Date: Wed, 22 Mar 2023 20:18:28 +0100 Subject: [PATCH 6/6] Update test.js --- exercises/04-Class-Selector/test.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/exercises/04-Class-Selector/test.js b/exercises/04-Class-Selector/test.js index 58c20d17..bd342616 100644 --- a/exercises/04-Class-Selector/test.js +++ b/exercises/04-Class-Selector/test.js @@ -20,7 +20,7 @@ describe("Both p tags should have a blue background", () => { expect(title).toBe('04 Class selector') }); - test("The body tag should not contains any inline style", () => { + test("The body tag should not contain any inline style", () => { document.querySelector( "head" ).innerHTML = ``; @@ -31,7 +31,7 @@ describe("Both p tags should have a blue background", () => { test("There should be two p tags", () => { expect(p.length).toBe(2) }); - test("Both p tags should have a class name 'b-blue' without the quotation marks", () => { + test("Both p tags should have a class name 'b-blue'", () => { p.forEach(e=>{ let eClass = e.getAttribute("class"); expect(eClass).toBe("b-blue")