CSS color check with jquery

by Rupesh Kokal

HTML

<div style="background-color:blue;"></div>
<div style="background-color:rgb(15,99,30);"></div>
<div style="background-color:#123456;"></div>
<div style="background-color:#f11;"></div>
<div></div>
<span id="result">&nbsp;</span>

CSS

div {
    width: 60px;
    height: 60px;
    margin: 5px;
    float: left;
  }
span{
    display:inline-block;
}
div:nth-child(1)
{
    background-color: #00ff00 !important;
}
div:nth-child(5)
{
    background-color: #00ff00 !important;
}

JavaScript

$( "div" ).click(function() {
  var color = $( this ).css( "background-color" );
  $( "#result" ).html( "That div is <span style='color:" +
    color + ";'>" + color + "</span>." );
});