multiple classes in css code example

Example 1: html add two classes

<a href="#" class="class1 class2">My Text</a>

Example 2: css multiple classes same rule

.bucket1, .bucket2, .bucket3 {
}

.bucket4, .bucket5, .bucket6 {
}

Example 3: css multiple classes

//HTML Code
<div class = 'firstClass secondClass'></div>

//CSS Code
.firstClass.secondClass {
  
}

Example 4: css change multiple classes

.objectOne, .objectTwo { /* We will now both be changed */
	margin: 0 auto; 
}

Example 5: css assign multiple classes to one element

To specify multiple classes, separate the class names with a space,
e.g. <span class="classA classB">.
This allows you to combine several CSS classes for one HTML element.

Example 6: css multiple classes

<div class="a-class another-class"></div>

Tags:

Css Example