you're doing great

GoesToEleven · Sep 7, 2017 · dfedbd5 · dfedbd5
1 parent af31e35
commit dfedbd5
Show file tree

Hide file tree

Showing 7 changed files with 82 additions and 18 deletions.
diff --git a/000_temp/15-selector/index.html b/000_temp/15-selector/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <link rel="stylesheet" href="main.css">
+</head>
+<body>
+
+<p>lorem</p>
+
+<p>something</p>
+
+</body>
+</html>
diff --git a/000_temp/15-selector/main.css b/000_temp/15-selector/main.css
@@ -0,0 +1,3 @@
+p {
+    color: red;
+}
diff --git a/019_css-selectors/05_pseudo-class/06_nth-child/readme.md b/019_css-selectors/05_pseudo-class/06_nth-child/readme.md
diff --git a/019_css-selectors/07-fun/index.html b/019_css-selectors/07-fun/index.html
@@ -10,16 +10,20 @@
 <p>10</p>
 <p>11</p>
 <div>
+    <p>12</p>
     <p>13</p>
     <p>14</p>
     <p>15</p>
+    <p>16</p>
     <section>
         <p>17</p>
         <p>18</p>
+        <p>19</p>
     </section>
     <p>20</p>
     <p>21</p>
 </div>
+<p>22</p>
 <p>23</p>
 <p>24</p>
 <h1>masmas</h1>

diff --git a/019_css-selectors/07-fun/main.css b/019_css-selectors/07-fun/main.css
@@ -5,8 +5,7 @@ html, body, p, div, section {
 }
 
 body {
-    height: 100vh;
-    font-size: 60px;
+    font-size: 30px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;

diff --git a/019_css-selectors/readme.md b/019_css-selectors/readme.md
@@ -0,0 +1,58 @@
+# LVHA
+
+a:link
+
+a:visited
+
+a:hover
+
+a:active
+
+a:focus
+
+# pseudo-classes
+
+li:first-child 
+
+li:last-child
+
+li:nth-child(even)
+
+li:nth-child(odd)
+
+li:nth-child(3)
+
+li:nth-last-child(10)
+
+li:nth-child(3n+2)
+start at 2, go up by 3 from there, eg, 2, 5, 8 ...
+
+article:only-child
+
+# pseudo-elements
+
+p::first-letter
+
+p::first-line
+
+# nested selectors
+
+div p
+every p beneath a div
+
+div > p
+only immediate direct children
+only p elements that are immediate direct children of a div
+
+div ~ p
+all siblings following
+any p that is a sibling following a div
+
+div + p
+immediate sibling following
+any single p immediately following a div that is a sibling to the div
+
+
+
+
+
diff --git a/020_center-an-image/01/index.html b/020_center-an-image/01/index.html
@@ -11,5 +11,6 @@
 
 <img src="../../000_img/pup.jpg">
 <span>here is another inline element</span>
+
 </body>
 </html>