ID Selector

An ID selector is used to apply CSS styles to a specific HTML element that has a unique ID.

What is an ID Selector?

An ID selector targets an HTML element using its id attribute.

In CSS, an ID selector starts with a hash symbol (#) followed by the ID name.

ID Selector Flow

Basic Syntax

#id-name {
    property: value;
}

The # symbol identifies the selector as an ID selector.

#heading {
    color: blue;
}

#main-title {
    color: red;
    font-size: 28px;
}

#box {
    background-color: lightblue;
    padding: 15px;
    border: 1px solid blue;
}

Important Points

• An ID selector starts with the # symbol.
• The ID name must match the HTML id attribute.
• An ID is normally used for a specific element.
• ID names should be unique within a page.
• ID selectors are useful when a specific element needs individual styling.