正则表达式 CSS 选择器的简单解析器

Question

我想为我的选择器添加范围。在我看来，实现它的一个好方法是选择 css 选择器并返回 mySelector + oldSelector

例如我有.old { background: black; }，我会将其转换为.mySelector .old { background: black; }

假设我有这个 CSS

.a
{
background: red;
}
#b {
background: green;
}
input {
background: blue;
}
[type=custom] {
background: white;
}

我会做.+?{，但它选择了不需要的部分。{.+?}的反转会起作用，但我不知道如何反转它。有什么想法吗？

Answer 1

我想我

可以使用String.match({.+?})来获取所有规则，String.split({.+?})来获取JavaScript中的选择器。

此外，我还找到了一个库来轻松解析JavaScript中的CSS https://github.com/reworkcss/css