class
The class global attribute assigns one or more space-separated class names used by CSS and JavaScript.
Syntax
class="name1 name2"Examples
<button class="btn btn-primary is-active">Save</button>
Output
Applies three classes to the button so CSS rules for .btn, .btn-primary, and .is-active all match.
Notes
Multiple classes are space-separated. Manipulate via element.classList in JavaScript. Class selectors have low specificity, making them ideal for reusable styling.
Browser & runtime support
| Environment | Since version |
|---|---|
| chrome | 1.0 |
| firefox | 1.0 |
| safari | 1.0 |
| edge | 12 |