README > SELECTOR > uu.css

content-type: text/html

  • list1
  • list2
  • list3
  • list4
  • list5
  • list6
  • list1
  • list2
  • list3
  • list4
  • list5
  • list6
  • list1
  • list2
  • list3
  • list4
  • list5
  • list6
  • list1
  • list2
  • list3
  • list4
  • list5
  • list6
Source:
<div class="zebra">
 <ul>
  <li>list1</li>
  <li>list2</li>
  <li>list3</li>
  <li>list4</li>
  <li>list5</li>
  <li>list6</li>
 </ul>
</div>
<div class="top3">
 <ul>
  <li>list1</li>
  <li>list2</li>
  <li>list3</li>
  <li>list4</li>
  <li>list5</li>
  <li>list6</li>
 </ul>
</div>
<div class="worst3">
 <ul>
  <li>list1</li>
  <li>list2</li>
  <li>list3</li>
  <li>list4</li>
  <li>list5</li>
  <li>list6</li>
 </ul>
</div>
<div class="no5">
 <ul>
  <li>list1</li>
  <li>list2</li>
  <li>list3</li>
  <li>list4</li>
  <li>list5</li>
  <li>list6</li>
 </ul>
</div>

  uu.css("div.zebra ul>li:nth-child(even)").forEach(function(v) {
   v.style.backgroundColor = "silver";
  });
  uu.css("div.top3 ul>li:nth-child(-n+3)").forEach(function(v) {
   v.style.backgroundColor = "silver";
  });
  uu.css("div.worst3 ul>li:nth-last-child(-n+3)").forEach(function(v) {
   v.style.backgroundColor = "silver";
  });
  uu.css("div.no5 ul>li:nth-child(5)").forEach(function(v) {
   v.style.backgroundColor = "silver";
  });