Scribd
Upload
21 views

CSS .Class Selector: Definition and Usage

Uploaded by

Russel Patrick
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
21 views

CSS .Class Selector: Definition and Usage

Uploaded by

Russel Patrick
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

CSS .

class Selector

Example

Select and style all elements with class="intro":

.intro {
background-color: yellow;
}

More "Try it Yourself" examples below.

Definition and Usage


The .class selector selects elements with a specific class attribute.

To select elements with a specific class, write a period (.) character, followed by the name of the
class.

You can also specify that only specific HTML elements should be affected by a class. To do this,
start with the element name, then write the period (.) character, followed by the name of the class
(look at Example 1 below).

HTML elements can also refer to more than one class (look at Example 2 below).

Version: CSS1

Browser Support
Selector
.class Yes Yes Yes Yes Yes

CSS Syntax
.class {
css declarations;
}
More Examples
Example 1

Style all <p> elements with class="hometown":

p.hometown {
background-color: yellow;
}

Example 2

This <p> element will be styled according to class="center" AND to class="large":

<p class="center large">This paragraph refers to two classes.</p>

You might also like