From f4a7dbdf9a26e9ad28de23d1913b4fd3bf4d7170 Mon Sep 17 00:00:00 2001
From: Chuks200 <agbataekwechuks@gmail.com>
Date: Thu, 9 May 2024 01:52:52 +0100
Subject: [PATCH] css

---
 index.html | 62 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
diff --git a/index.html b/index.html
index 7b65980..c7c34dd 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,68 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="styles.css" />
     <title>CSS Selector Fun</title>
+
+    <style>
+p {
+    color: orange;
+    font-size: 28px;
+}
+
+
+.paragraph {
+    color: green;
+    font-size: 28px;
+}
+
+#paragraph {
+    color: red;
+    font-size: 28px;
+}
+
+h1, h2, h3, h4 {
+    color: pink;
+    font-weight:bold;
+}
+
+
+.container-one p {
+    margin-left: 10px;
+    border-bottom: 2px solid black;
+}
+
+div.container-one p  {
+    color: blue;
+    font-size: 12px;
+}
+
+
+.container-two p {
+    margin-left: 10px;
+    border-bottom: 1px solid black;
+    color: purple;
+    font-size: 15px;
+}
+
+.container-two p span {
+    font-size: 12px;
+    color: grey;
+}
+
+
+div.container-one.container-two p {
+    color: purple;
+    font-size: 10px;
+    text-transform: uppercase;
+    font-weight: bold;
+}
+
+
+section.container-one.container-two p span {
+    color: orange;
+    font-size: 28px;
+}
+
+    </style>
 </head>
 <body>
     
