Home/ Questions/Q 1071459
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T20:43:03+00:00

Some CSS selectors have # in front of them, what does that mean?

  • 0

Some CSS selectors have # in front of them, what does that mean?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s the ID selector, a fundamental feature of the CSS standard. It matches the HTML element with the given ID, according to the id attribute (assuming a conforming document, of course). See the W3C Selectors spec for more.

    <!DOCTYPE html>
<html lang="en">

<head>
  <style type="text/css">
  #my-div {
      color: #f00;
  }
  </style>
</head>

<body>
  <div id="my-div">This text will be red.</div>
  <div id="another-div">This text will not be red.</div>
</body>

</html>

    You may also have seen the # notation used in a URL fragment identifier to refer to named anchors (<a name="some-anchor"></a>). These can also point to elements with certain IDs in your page, just like named anchors, and I gather that it’s why CSS uses the same notation for selecting IDs.

    • 0