<script>
import csstree from 'css-tree'
let css = `a {
color: red;
border: solid 1px red;
}
p {
color: black;
border: solid 1px red;
}`
let rules = []
function parseAst() {
const ast = csstree.parse(css)
rules = []
let currentRule
let currentSelector
let currentDeclaration
csstree.walk(ast, {
enter(node) {
switch (node.type) {
case 'Rule':
currentRule = {
selectors: [],
declarations: []
}
break
case 'Selector':
currentSelector = []
currentRule.selectors.push(currentSelector)
break
case 'TypeSelector':
currentSelector.push(node.name)
break
case 'ClassSelector':