Css Multiple Classes Same Style Code Example


Example 1: css multiple classes same rule


.bucket1, .bucket2, .bucket3 {
}

.bucket4, .bucket5, .bucket6 {
}

Example 2: css multiple classes


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

//CSS Code
.firstClass.secondClass {

}

Example 3: css change multiple classes


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

Example 4: 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 5: css multiple classes


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

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android SDK Location Should Not Contain Whitespace, As This Cause Problems With NDK Tools