Selectors Re-Visited - ::first-line and ::first-letter

pktcodes · pktcodes · commit 97f666d6e114 · 2022-11-08T21:22:23.000-06:00
diff --git a/index.html b/index.html
@@ -11,16 +11,11 @@
   </head>
 
   <body>
-    <div class="header">
-      <h1>I'm child and descendant</h1>
-    </div>
-    <div class="header">
-      <h1>I'm child and descendant</h1>
-      <ul>
-        <li>
-          <h1>I'm a descendant</h1>
-        </li>
-      </ul>
-    </div>
+    <p>
+      Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia hic
+      placeat natus dolore debitis minima est, nostrum nam doloribus voluptate
+      ducimus quo, culpa dicta numquam voluptatem delectus? Praesentium, qui
+      ullam.
+    </p>
   </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -1,19 +1,9 @@
-/* Selectors Re-Visited - Descendant and Child Selectors */
+/* Selectors Re-Visited - ::first-line and ::first-letter */
 
-.header h1 {
-  color: green;
+p::first-line {
+  font-weight: 700;
 }
 
-/* direct child */
-.header > h1 {
-  color: fuchsia;
-}
-
-div h1 {
-  color: red;
-}
-
-/* direct child */
-div > h1 {
-  color: blue;
+p::first-letter {
+  font-size: 150%;
 }
