did some more stuff, commit this after the previous one

Author: Abernachy

projectfolder/02-HTML-Fundamentals/index.html

@@ -55,7 +55,7 @@ <h3>What is HTML?</h3>
 			</p>
 			<p>In HTML, each element is made up of 3 parts:</p>
 			<ol>
-				<li>The opening tag</li>
+				<li class="first-li">The opening tag</li>
 				<li>The closing tag</li>
 				<li>The actual element</li>
 				<li>You can learn more at the MDN Web Docs.</li>
@@ -71,7 +71,7 @@ <h3>Why should you learn HTML</h3>
 			<p>There are countless reasons for learning the fundamental language of the web. Here are 5 of them:</p>
 
 			<ul>
-				<li>To be able to use the fundamental web dev language</li>
+				<li class="first-li">To be able to use the fundamental web dev language</li>
 				<li>To hand-craft beautiful websites instead of relying on tools like Worpress or Wix</li>
 				<li>To build web applications</li>
 				<li>To impress friends To have fun 😃</li>

projectfolder/02-HTML-Fundamentals/style.css

@@ -77,3 +77,49 @@ aside {
 	border-top: 5px solid #1098ad;
 	border-bottom: 5px solid #1098ad;
 }
+
+/* .first-li {
+	font-weight: bold;
+} */
+
+li:first-child {
+	font-weight: bold;
+}
+
+li:last-child {
+	font-style: italic;
+}
+/* style based on odd number of item, odd can be changed to even or a specific number 
+li:nth-child(odd) {
+	color: red;
+}
+*/
+
+/* 
+This selector selects the first child of the article, but will only color it black if its paragraph element, otherwise this does nothing.  In the case of our index, the <article> was the first child
+article p:first-child {
+	color: black;
+} */
+
+/* Styling Hyperlinks */
+/* Style a elements with an href attrivute on them*/
+a:link {
+	color: #1098ad;
+	text-decoration: none;
+}
+
+a:visited {
+	/* color: #777; */
+	color: #1098ad;
+}
+
+a:hover {
+	color: orangered;
+	font-weight: bold;
+	text-decoration: underline orangered;
+}
+/* The state of actively clicking */
+a:active {
+	background-color: black;
+	font-style: italic;
+}