JSFiddle - React, Tailwind, and code Playground

by Augustus Yuan

HTML

<div id="primary">Primary</div>
<div class="secondary">Secondary</div>
<div class="secondary">Secondary</div>
<div class="secondary">Secondary</div>
<div class="secondary">Secondary</div>

JavaScript

function cssSelector(selector) {
       
   var rules = selector.trim().split(" ");
   console.log(rules);
   for (rule in rules) {
      //if its a letter, we know its probably trying to select a DOM element, otherwise its probably an id/class/child selector
       if (rule.indexOf("#") > -1) {
          //we have an id    
       }
   }
}

cssSelector("#primary div.secondary");