class-id
Class Selector
Selects all elements whose class attribute contains the given class name. It is the most common reusable selector in modern CSS.
.classnameExample
.btn { padding: 8px 16px; } /* HTML: <button class="btn">Save</button> */✓ Matches
- <button class="btn">Save</button>
- <a class="btn primary">Go</a>
- <div class="card btn"></div>
✗ Does not match
- <button>Save</button>
- <button id="btn">Save</button>
Browser support
Universal support in all browsers since CSS1.