content: css-intro - improve class selector

ifpb · Oct 23, 2024 · 7e63029 · 7e63029
1 parent acbb424
commit 7e63029
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/public/codes/css/introduction/selector-class/css/style.css b/public/codes/css/introduction/selector-class/css/style.css
@@ -2,6 +2,14 @@ p {
   color: green;
 }
 
-.color-red {
+.text-red {
   color: red;
 }
+
+.text-italic {
+  font-style: italic;
+}
+
+.text-bold {
+  font-weight: bold;
+}
diff --git a/public/codes/css/introduction/selector-class/index.html b/public/codes/css/introduction/selector-class/index.html
@@ -8,12 +8,10 @@
     <link rel="stylesheet" href="./css/style.css" />
   </head>
   <body>
-    <h1>Lorem ipsum</h1>
-    <p class="color-red">
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit...
-    </p>
+    <h1 class="text-red">Lorem ipsum</h1>
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
     <p>Culpa possimus obcaecati laudantium nesciunt consequatur...</p>
-    <p class="color-red">
+    <p class="text-red text-italic">
       Eveniet amet laudantium aperiam nisi ratione at, blanditiis...
     </p>
   </body>