<p id="myPara" class="myPara">This is a HTML element! 1</p>
<p id="myPara" class="myPara">This is a HTML element! 2</p>
<p id="myPara" class="myPara">This is a HTML element! 3</p>
<p id="myPara" class="myPara">This is a HTML element! 4</p>
<p id="myPara" class="myPara">This is a HTML element! 5</p>
.para {
  color: blue;
  font-size: 24px;
  text-align: center;
  font-weight: blod;
}
.para1 {
  color: blue !important;
}

//With the ID if you have same ids of all elements then only first element work with your given logic.
var e = document.getElementById("myPara");

//inline css
e.style.color = "red";

e.className = "para para1";

setInterval(function(){
  e.classList.toggle("para1");
 },500);


//If you target the element with class name.
var e2 = document.getElementsByClassName("myPara")[1];
//inline css
e2.style.color = "red";



//Rest of the details are mentioned in a video.
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.