CSS selectors

In the CSS, selectors are used to target the HTML elements on our web pages that we want to style. There are a wide variety of selectors.

CSS selectors are used to select the content you want to style.css selectors are select the element of HTML and according to its class, type id or attributes. There are some different type of selector in CSS.

• Universal selector

• Individual selector

• Id & Class selector

• Group selector

Universal selector

Universal selector is used select all element in HTML. it also includes other element which are inside under another element. Inshort CSS rule will be applied to each and every HTML element in the page. It is also use as a wildcard element.

Individual selector

Individual selector is all individual element in the HTML like paragraph , heading , span and div etc.you can see the CSS rules applied to all tags.

Id & Class selector

In the HTML element with a specific class attribute. If you want to specify that only one specific HTML element should be affected then you should use the element name with the class selector. To use class selector we must use (.) followed by class name in CSS. as the same as class selector HTML element with a specific id attribute.it is a unique on a page to used id selector. To use Id selector we must use (#) followed by CSS Id name.

Group selector

Group selector is grouping the selector which element have same style definitions. comma are used to separate each selector in grouping. All the individual element who has a same style it will be used in group selector. grouping selector is used to minimize the code as well.

Pseudo Selector

in the pseudo selector before, after, hover are in there. Before after is used to as a adding content in the any element like paragraph and any element.

Hover will be used as a change the color of button when we will put the pointer on it or hovers over it.

first-child pseudo-class matches any specified element that is the first child of another element. it means it is target to the first-child of any element and style given to it element. same as we will be target to any nth child of its element.