Class selector in CSS

In CSS, Class is used to style the element with the specified class.

Class selector in CSS

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:

Class selector in CSS Picture 1

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; 
 }

Class selector in CSS Picture 2

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

Class selector in CSS Picture 3

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

Syntax and Selector in CSS
css rules set includes selector (selector) and declarative block (declaration).
Attribute Selector - Attribute Selector in CSS
attribute selector can select objects without having to declare additional classes or ids, making the html code more neat and coherent.
Pseudo-Class in CSS
pseudo-class in css is used to add special effects to some selector.
Storage class in C / C ++
the storage class defines the scope and life of variables and / or functions within a c / c ++ program. they often precede the type of data they impact.
CSS Selector in jQuery
the jquery library supports almost all selector in cascading style sheet (css), when mentioned on the world wide web consortium.
Selector in jQuery
the jquery library exploits the power of css (cascading style sheets) selector to help us quickly and easily access elements or groups of elements in the dom.
Class (Class) in C #
when you define a class in c #, you define a blueprint for a data type. this does not really define any data, but it defines the meaning of that class name. that is, what an object of that class consists of, what activities can be performed on that object.
How to Crash a Class in College
in many universities, classes can be impacted. colleges often do not have enough funding to supply enough professors to meet the demand. here are some ways to get into a class when all the spots are full. waitlist the class, if possible....
Storage class in C programming
a storage class defines the scope (visibility) and the lifetime of a variable or / and functions in the c program. the preceding type specifications can be changed. here are the storage classes that can be used in the c program.
Interface in C ++ (Abstract class)
an interface describes the behavior or capabilities of a class in c ++ without signing to a specific implementation of that class.
How To Make The Best Class Assignments?
every student who wants to earn good grades in class pays extra attention to class assignments. class assignments are an easy way to improve grades in the course.
How to Write a Class in Python
in python, classes can help to wrap up data and functionality at the same time. several classes have already been written for us in python 3, called builtins. here are a few: int (integer class), str (string class), list (list class). this...