KimiEatsCode
10/8/2015 - 5:48 PM

bVRVWw

bVRVWw

bVRVWw.markdown
content_copyfile_download
  • Rendered
  • Source

bVRVWw

A Pen by Sarah McAleer on CodePen.

License.

index.html
content_copyfile_download
<body class="ancestors">
<div style="width:500px;"> </div>
<section></section>
<nav>
  <h3>JQuery Selectors</h3>
    <ul>
      <li>Select all line item elements using * and find!</li>
      <li>Select all line item elements using * and find!</li>
    </ul>
</nav>
  <div>This is a Div</div>
  <div>This is a Div</div>
script.js
content_copyfile_download
    $("div").each(function(index, element){
         someColor = Math.floor(Math.random()*16777215).toString(16);
        
        $(element).css({"background-color": "#" + someColor, "color": invertedColor});
       
    });
scripts
content_copyfile_download
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
style.css
content_copyfile_download
.ancestors * { 
        display: block;
        border: 2px solid lightgrey;
        color: lightgrey;
        padding: 5px;
        margin: 15px;
    }

div {
  background-color:yellow;
}