Type selectors

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