till id selector

navnit0707 · navnit0707 · commit 6972a6618328 · 2023-03-12T23:26:29.000+05:30
diff --git a/Readme.md b/Readme.md
@@ -0,0 +1,44 @@
+# CSS
+
+    -> Simple Selector
+        -> Element Selector
+        -> Class Selector
+        -> ID Selector
+    -> Pseudo-class Selector
+    -> Multiple Selector
+
+## Element Selector
+
+    style applied on elements by directyly using the tag name ex
+    paragraph <p>, body <body>, header <header>, footer <footer> , <h1>, <h6> etc  .
+
+    we can style them by justing using there name like this
+    p{
+        property-name : value;
+    }
+    h1{
+        property-name: value ;
+    }
+
+## Class Selector
+
+    class selector is used to group the element tag to apply common style
+    for that in element tag we have to write class="name".
+    and to style that element using that class name we can use dot ( . )
+    ex :
+    .name{
+        property-name : value;
+    }
+
+    note : class is used to group element together to apply common style , so one class can be applied to many .
+
+## ID Selector
+
+    Id selector is used to set uniquness for an element . and can be write on element as id="unique-name"
+    to style id based element we can use # (hash)
+    ex
+    #unique-name{
+        property-name : value;
+    }
+
+## Pseudo-class Selector
diff --git a/index.html b/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+
+    <style>
+      p:hover {
+        color: red;
+      }
+    </style>
+  </head>
+  <body>
+    <p>hello</p>
+  </body>
+</html>
