Merge pull request 4GeeksAcademy#95 from josemoracard/jose10-04-class-selector

fixed text 04-class-selector

Author: tommygonzaleza

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:
 

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
 
@@ -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 `<p>` tags in HTML.
+Please apply that class to both of the HTML `<p>` tags.
 
 

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 = `<style>${css.toString()}</style>`;
@@ -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")