ID selectors

由於本文件沒有此語言的翻譯版本,您閱讀的是英文版的內容。 幫助我們翻譯這篇文章!

The CSS ID selector matches an element based on the value of its id attribute. In order for the element to be selected, its ID attribute must match exactly the value given in the selector.

/* The element with id="demo" */
#demo {
  border: red 2px solid;
}

Syntax

#id_value { style properties }

Note that this is equivalent to the following attribute selector:

[id=id_value] { style properties }

Example

CSS

#identified {
  background-color: skyblue;
}

HTML

<div id="identified">This div has a special ID on it!</div>
<div>This is just a regular div.</div>

Result

Specifications

Specification Status Comment
Selectors Level 4
The definition of 'ID selectors' in that specification.
Working Draft  
Selectors Level 3
The definition of 'ID selectors' in that specification.
Recommendation  
CSS Level 2 (Revision 1)
The definition of 'ID selectors' in that specification.
Recommendation  
CSS Level 1
The definition of 'ID selectors' in that specification.
Recommendation Initial definition

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
ID selector (#idName)Chrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 3Opera Full support YesSafari Full support 1WebView Android Full support ≤37Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support YesSafari iOS Full support 1Samsung Internet Android Full support 1.0

Legend

Full support  
Full support