ID Selectors

We have learned that in CSS, selectors select elements from DOM and then apply style rules as specified for them. These selectors can be of various types, and one of them is an id selector that is used to select and style a single element on a web page. It is identified by the # symbol followed by the unique id attribute of the element. Here is an example of using an id selector in CSS:

In this example, the <div> element has an id attribute of the "header", so it will be styled according to the rules defined in the #header selector in the CSS.

You can also use the id selector in combination with other selectors to create more specific rules. For example:

In this example, the #header h1 selector selects all h1 elements that are descendants of an element with the id attribute of "header". This allows you to apply styles specifically to the h1 elements within the "header" element.