Guide to CSS Selectors
Hello World, I'm Deepak Malik๐
I am a Developer, Programmer and a Learner.
๐ญ Iโm currently learning full stack web development.
๐ฏ Iโm looking to collaborate on interesting development projects.
โกI can speak 3 languages ( English, Hindi and Punjabi).
๐ ๐๐ข๐ญ๐๐ฎ๐ ๐๐ซ๐จ๐๐ข๐ฅ๐: https://github.com/deepakmalikk
๐ป Web technology: โข HTML5 โข CSS โข JavaScript
Programming languages: โข C โข C++
๐ Thank you for reading. Have a wonderful day๐ค
CSS selectors
CSS selectors are used to find the html elemnts which you want to style.
Types of CSS selector :-
1. Universal Selector ->
This selector is used to select all the elements of html document.
2. individual Selector ->
By using this selector we can target particular html tag.
3. Class And Id selector ->
These selectors are used to target html element by using their class attribute name or id attribute name.
They are most commonly used Selectors.
Class Selector
By using dot (".") we can target any class attribute from the html document.
Id Selector
By using Hash("#") we can target any id attribute from the html document.
4. And Selector (chained) ->
It helps to select a particular element having one or more than one classes and ids.
5. Combined Selector ->
when we have to give same style to many html element then we use combined selector to target them.
6. Inside an element selector->
This selector is used to target the specific element of the html document.
7. Direct Child selector->
When we have to target the specific direct child of an html element that time we use direct child selector. By using greater than symbol (">").
8. Sibling ~ or + Selector ->
Adjacent sibling selector (+): It will select the second element which immediately follows the first specified element.
General sibling selector(~): It will select all the sibling element which follows the first specified element.
