如何用正则表达式区分css选择器和css规则

Question

我有问题只从规则中获取css属性和值（宽度：30px）。

主要问题是： - 如果在css选择器之前有一个点

，该怎么办？

这是我的正则表达式公式：

(\s+)?([^\.])[a-z0-9-]+\s?:.[^;\n]*(?=;?)

这是字符串：

.icon-inverse{
    color:#fff
}

.icon-glass:before{
    content:"\f000";color:#asdf

任务是只选择任何css规则格式的css属性和值。（例如：property：value）

例如

format 1
.div:hover{
width:200px;
height:100px
}

format 2
.div:hover{
width:200px; height : 100px;
}

format 2
.div:hover{width:200px; height : 100px}

这是截图

我想知道这个案例是否是RegExp的限制？

Answer 1

我不确定，但试试这个：

/{\s+([^;}\s]+)|;([^;}\s]+)/gim