practica CSS JN

josnavch · josnavch · commit 56e8347facc2 · 2021-02-05T00:36:50.000Z
diff --git a/.learn/resets/05-Specificity/index.html b/.learn/resets/05-Specificity/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<link rel="stylesheet" type="text/css" href="./styles.css" />
+		<title>05 Specificity</title>
+	</head>
+	<body>
+		<ul>
+			<li>My first item of the list</li>
+			<li>My second item of the list</li>
+			<li id="thirditem">My third item of the list</li>
+			<li>My forth item of the list</li>
+			<li>My fifth item of the list</li>
+		</ul>
+	</body>
+</html>
diff --git a/.learn/resets/05-Specificity/styles.css b/.learn/resets/05-Specificity/styles.css
@@ -0,0 +1,9 @@
+ul li{
+	background: blue;
+}
+
+#thirditem{
+	background: yellow;
+} 
+/****** DON NOT EDIT ANYTHING ABOVE THIS LINE ****/
+  
diff --git a/exercises/04.3-id-Selector/index.html b/exercises/04.3-id-Selector/index.html
@@ -8,6 +8,6 @@
 	</head>
 
 	<body>
-		<span>I should look like a button</span>
+		<span id="button1">I should look like a button</span>
 	</body>
 </html>
diff --git a/exercises/04.3-id-Selector/styles.css b/exercises/04.3-id-Selector/styles.css
@@ -1,5 +1,5 @@
 #button1 {
-	background: #BDBDBD;
-    border: #5E5E5E;
-    border-radius: 5px;
+	background: #bdbdbd;
+	border: #5e5e5e;
+	border-radius: 5px;
 }
diff --git a/exercises/05-Specificity/index.html b/exercises/05-Specificity/index.html
@@ -10,7 +10,7 @@
 		<ul>
 			<li>My first item of the list</li>
 			<li>My second item of the list</li>
-			<li id="thirditem">My third item of the list</li>
+			<li id="thirditem" >My third item of the list</li>
 			<li>My forth item of the list</li>
 			<li>My fifth item of the list</li>
 		</ul>

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`#button1 {`
`2`		`- background: #BDBDBD;`
`3`		`- border: #5E5E5E;`
`4`		`- border-radius: 5px;`
	`2`	`+ background: #bdbdbd;`
	`3`	`+ border: #5e5e5e;`
	`4`	`+ border-radius: 5px;`
`5`	`5`	`}`