Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions exercises/04-Class-Selector/README.es.md
Original file line number Diff line number Diff line change
@@ -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:

Expand Down
6 changes: 3 additions & 3 deletions exercises/04-Class-Selector/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand All @@ -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.


4 changes: 2 additions & 2 deletions exercises/04-Class-Selector/test.js
Original file line number Diff line number Diff line change
Expand Up @@ -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>`;
Expand All @@ -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")
Expand Down