Home
Wifi Tips
Fix Computer
Windows 10
Windows 11
Artificial Intelligence
Space Science
Strange story
Class selector in CSS
In CSS, Class is used to style the element with the specified class.
In CSS, Class is used to style the element with the specified class. Classes are often used for group objects that want to have the same format attribute, each class name can be used with multiple elements.
To declare Class in CSS, we use the following syntax:
.ten_class {
định dạng các thuộc tính CSS
}
For example:
.quantrimang {
background-color: black;
color: white;
font-size: 20px;
To define HTML elements by class name, we use class="ten_class" .
For example:
Website TipsMake.com
Note :
- Class can be used with any HTML element.
- Class names are only allowed to contain letters, numbers, underscores
_, hyphens-. Class name should not start with numbers. - The class name distinguishes between uppercase and lowercase letters.
Example 1: Select and style all elements with class = "intro":
.intro {
background-color: #58257b;
color: white;
}
Result:
Full code:
Welcome to Website TipsMake.com
Category Technology Village.
Technology
Introducing TipsMake.com
Example 2: Style all elements
with class = "hometown" (only applicable for
)
p.hometown {
background: #58257b;
color: white;
}
Full code:
Welcome to Website TipsMake.com
Category Technology Village
Technology category
Science Category
Application category
Example 3: An element can have multiple classes
The element has two combined classes
This heading is not affected by the center class
This paragraph will be centered and red
This paragraph will be centered, red and size
Very big font
See more:
- Learn Basic CSS
- Learn Advanced CSS
You've just finished reading the article "Class selector in CSS" edited by the TipsMake team. You can save class-selector-in-css.pdf to your computer here to read later or print it out. We hope this article has provided you with many useful tech tips and tricks. You can search for similar articles on tips and guides. Thank you for reading and for following us regularly.
Lesley Montoya