Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

Summary

CSS type selectors match elements by node name. Used alone, therefore, a type selector for a particular node name selects all elements of that type — that is, with that node name — in the document.

Syntax

element { style properties }

Example

CSS

span {
  background-color: DodgerBlue;
  color: #ffffff;
}

HTML

<span>Here's a span with some text.</span>
<p>Here's a p with some text.</p>
<span>Here's a span with more text.</span>

Result

Specifications

Specification Status Comment
Selectors Level 4
The definition of 'Type (tag name) selector' in that specification.
Working Draft No change
Selectors Level 3
The definition of 'type selectors' in that specification.
Recommendation No change
CSS Level 2 (Revision 1)
The definition of 'type selectors' in that specification.
Recommendation  
CSS Level 1
The definition of 'type selectors' in that specification.
Recommendation Initial definition

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) (Yes) (Yes) (Yes) (Yes)
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ? ?

Document Tags and Contributors

 Last updated by: pcat,