CSS

css change multiple classes

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

css multiple classes

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

//CSS Code
.firstClass.secondClass {
  
}

multiple classes

//-----------used in chat App -------
var allChat = document.querySelectorAll('div[class^=chat-people]');
console.log("Found", allChat.length, "div which class starts with “chat-people”.");

intro = document.getElementById('intro-right');

for (var i = 0; i < allChat.length; i++) {
    allChat[i].addEventListener('click', function() {
    console.clear();
    console.log("You clicked:", this.innerHTML);
       });
}

css two classes in one element

.social.first {}

css change multiple classes

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

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.

css multiple classes

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

//CSS Code
.firstClass.secondClass {
  
}

multiple classes

//-----------used in chat App -------
var allChat = document.querySelectorAll('div[class^=chat-people]');
console.log("Found", allChat.length, "div which class starts with “chat-people”.");

intro = document.getElementById('intro-right');

for (var i = 0; i < allChat.length; i++) {
    allChat[i].addEventListener('click', function() {
    console.clear();
    console.log("You clicked:", this.innerHTML);
       });
}

css two classes in one element

.social.first {}

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.