Editing Technology/Software Development/Web development/CSS (section)

== CSS Selectors ==

CSS selectors determine which elements on the web page will be affected by the styles defined in the CSS rules. There are several types of selectors:

* '''Element Selector''': Targets elements based on their tag name. For example, to style all paragraphs, use '''p''' as the selector.

* '''Class Selector''': Targets elements with a specific class attribute. The class selector is denoted by a dot (.) followed by the class name. For example, to style all elements with the class "highlight", use '''.highlight''' as the selector.

* '''ID Selector''': Targets a specific element with a unique ID attribute. The ID selector is denoted by a hash (#) followed by the ID name. For example, to style an element with the ID "header", use '''#header''' as the selector.

* '''Descendant Selector''': Targets elements that are descendants of another element. It is denoted by a space between selectors. For example, to style all list items inside an unordered list, use '''ul li''' as the selector.

* '''Pseudo-class Selector''': Targets elements based on a specific state or condition. Pseudo-classes are denoted by a colon (:) followed by the pseudo-class name. For example, to style a link when it is hovered over by the cursor, use '''a:hover''' as the selector.