Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<style>
  #wjr {
    color: purple;
  }
  #wjr2 {
    color: cyan;
  }
  //div {
    //color: yellow;
  //}
  .abchey,
  .heyfdg,
  .hey {
    color: red;
  }
  .cat {
    color: green;
  }
  .category {
    color: red
      ;
  }
  }
</style>
  
<div class="cat category category1">1 should be blue</div>
<!-- <div class="hey hey cat">2 should be red</div>
<div class="abc hey fdg">3 should be black</div>
<div class="abc hey">4 should be black</div>
<div class="abchey fdg">5 should be red</div>
<div class="abc heyfdg">6 should be red</div>
<div class="cat">7 should be black</div>
<div class="category cat">8 should be blue</div>
<div class="cat category">9 should be blue</div>
<div class="cat cat category">10 should be blue</div>
<div id="wjr" class="category">11 should be purple</div>
<div id="wjr2">wjr2 should be cyan<div style=color:red;margin-left:20px;>this inline style should be red and have a 20px left margin</div>
<div id="wjr" class="category">12 should be purple</div>
</div> -->
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers