#javascript #css #regex

css_selector_regex.js

const reg = /\s*([^\s\{,]+(?:\s+[^\s\{,]+)*)|\s*\{[^\}]*\}/gm

css = `
.car, div.train, #bus
div.jetski:nth-child(4n)!important {
  display: none;
}

.banana ,
#fruit.ap_ple.pear {
  color: red;
}

ul>li:nth-child input[type=text] {
  border-width: 1px;
}
`
console.log(getMatches(reg, css))


function getMatches(re, str) {
  var out = []
  var match
  while ((match = re.exec(css)) !== null) {
    if (match[1]) out.push(match[1])
  }
  return out
}