Summary  
This chapter covers using class selectors in CSS to apply the same styles to multiple elements by assigning them a shared class name.

General domain of usage  
Web page styling (front-end CSS design)

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPHRpdGxlPkNsYXNzIFNlbGVjdG9ycyBFeGFtcGxlPC90aXRsZT4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0ic3R5bGUuY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxoMiBjbGFzcz0iaGlnaGxpZ2h0Ij5XZWxjb21lIHRvIENTUyBDbGFzcyBTZWxlY3RvcnM8L2gyPgogICAgPHAgY2xhc3M9ImhpZ2hsaWdodCI+CiAgICAgIFRoaXMgcGFyYWdyYXBoIHVzZXMgdGhlIHNhbWUgY2xhc3MgYXMgdGhlIGhlYWRpbmcgYWJvdmUuCiAgICA8L3A+CiAgICA8cD5UaGlzIHBhcmFncmFwaCBkb2VzIG5vdCB1c2UgdGhlIGNsYXNzLjwvcD4KICAgIDxidXR0b24gY2xhc3M9ImhpZ2hsaWdodCI+Q2xpY2sgTWU8L2J1dHRvbj4KICA8L2JvZHk+CjwvaHRtbD4=

LmhpZ2hsaWdodCB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZTA4MjsKICBjb2xvcjogIzMzMzMzMzsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4Owp9

When you want to style several elements in the same way, you can give them a shared class. A **class selector** in CSS starts with a period (`.`) followed by the class name. This lets you target any element that has that `class` attribute. You can use the same class on as many elements as you like, making it easy to apply the same styles to multiple parts of your page. For example, if you add `class="highlight"` to different elements in your HTML, and then write `.highlight { ... }` in your CSS, all those elements will share the same style. This approach is flexible and makes your stylesheets more efficient and organized.

Which of the following is the correct syntax for selecting elements with a class named "highlight" in CSS?

Build a solid foundation in CSS and understand how styles shape the appearance of every webpage. Write and apply rules, target elements with selectors, and master the cascade and box model to create clean, organized designs. Gain the essential skills every web developer needs to style web content with precision and confidence.

Understand how CSS connects to HTML and defines the look of a webpage. Write clean, structured rules, manage multiple properties, and apply styles using external, internal, and inline methods for flexible control over your designs.

Target specific HTML elements with precision using selectors and combinators. Explore how the cascade, specificity, and inheritance determine which styles take effect when multiple rules overlap.

Apply visual styling that brings structure and balance to web layouts. Work confidently with colors, units, and the box model to control spacing, borders, and overall composition.

Class Selectors