From 3b79f6314bf3fb327c2dfd74ab835f260f1e104f Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Tue, 15 May 2018 22:24:13 -0400
Subject: [PATCH] advanced selectors

---
 .../1. ADVANCED_SELECTORS.md                  | 79 ++++++++++---------
 1 file changed, 43 insertions(+), 36 deletions(-)

diff --git a/5. Responsive Design and Advanced Selectors/1. ADVANCED_SELECTORS.md b/5. Responsive Design and Advanced Selectors/1. ADVANCED_SELECTORS.md
index 3898db5..f6d1fbf 100644
--- a/5. Responsive Design and Advanced Selectors/1. ADVANCED_SELECTORS.md	
+++ b/5. Responsive Design and Advanced Selectors/1. ADVANCED_SELECTORS.md	
@@ -1,6 +1,7 @@
 # CSS - Advanced Selectors
 
 ## Lesson Objectives
+
 1. Explain why we need advanced selectors
 1. List advanced selectors
 
@@ -12,50 +13,56 @@ Advanced selectors help eliminate extra classes.  They provide no new functional
 
 ### Family Selectors
 
-1. *
+- *
+
 	- selects everything
 	- useful for when you want to style everything.  Can add an optional ancestor for more specificity
-	```html
-		<div>
-			<a class="style-me">content</a>
-			<a class="style-me">content</a>
-			<span class="style-me">content</span>
-		</div>
-	```
-1. >
+
+		```html
+			<div>
+				<a class="style-me">content</a>
+				<a class="style-me">content</a>
+				<span class="style-me">content</span>
+			</div>
+		```
+- >
+
 	- selects an immediate child
 	- if you want to add styling to just a child, but the parent has descendants that are similar to child
-	```html
-		<ul>
-			<li>
-				<ul>
-					<li></li>
-				</ul>
-			</li>
-		</ul>
-	```
-1. ~
+
+		```html
+			<ul>
+				<li>
+					<ul>
+						<li></li>
+					</ul>
+				</li>
+			</ul>
+		```
+- ~
     - sibling selector
 	- only selects subsequent siblings, not preceding siblings
-	```html
-		<h1>Title</h1>
-		<p>paragraph</p>
-		<ul>
-			<li><p>list paragraph</p></li>
-		</ul>
-		<p>paragraph</p>
-	```
-1. +
+
+		```html
+			<h1>Title</h1>
+			<p>paragraph</p>
+			<ul>
+				<li><p>list paragraph</p></li>
+			</ul>
+			<p>paragraph</p>
+		```
+- +
 	- immediate sibling selector
     - only selects first sibling
-	```html
-		<h1>Title</h1>
-		<p>paragraph</p>
-		<ul>
-			<li><p>list paragraph</p></li>
-		</ul>
-		<p>paragraph</p>
-	```
+
+		```html
+			<h1>Title</h1>
+			<p>paragraph</p>
+			<ul>
+				<li><p>list paragraph</p></li>
+			</ul>
+			<p>paragraph</p>
+		```
 
 ### Attribute Selectors