CSS id Selector

CSS id selector selects an element that has the specified id attribute. As an id is always unique within a page, therefore, the id selector always selects a single element from the page and applies CSS styles to it.

To select an element using the id selector, use a hash symbol(#) followed by the id of the element. For example, #myId.

In the example below, the id selector selects a <p> element that has id="p2" and applies CSS styles to it. Try it out to see how it works:

Example:

#p2{
  background: yellow;
  border: 2px dashed blue;
  padding: 10px;
}

CSS id Selector Syntax

#id{
    CSS styles
}

Related Pages

CSS Tutorial: CSS Selectors