advanced selectors

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,9 +13,11 @@ 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>
@@ -22,9 +25,11 @@ Advanced selectors help eliminate extra classes.  They provide no new functional
 				<span class="style-me">content</span>
 			</div>
 		```
-1. >
+- >
+
 	- 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>
@@ -34,9 +39,10 @@ Advanced selectors help eliminate extra classes.  They provide no new functional
 				</li>
 			</ul>
 		```
-1. ~
+- ~
     - sibling selector
 	- only selects subsequent siblings, not preceding siblings
+
 		```html
 			<h1>Title</h1>
 			<p>paragraph</p>
@@ -45,9 +51,10 @@ Advanced selectors help eliminate extra classes.  They provide no new functional
 			</ul>
 			<p>paragraph</p>
 		```
-1. +
+- +
 	- immediate sibling selector
     - only selects first sibling
+
 		```html
 			<h1>Title</h1>
 			<p>paragraph</p>