get all class name in css file

I got css file like this :

let string =

.papa, .aka
color:red

.mama .ok
color:blue


div .chacha
transition: opacity 0.2s;
.sasa
background:url(home.png)



I want to fetch all the class name in the file and put in array. Expected result :

[.papa, .aka, .mama, .ok, .chacha, .sasa]


My try :

let pattern = /(?:[.]1)([a-zA-Z_]+[w-_]*)(?:[s.{>#:]1)/igm

let match = pattern.exec(string);

console.log(match);


I only got [.papa].

[.papa]

regex.exec

2 Answers
2

You can use the string.match

let string =
`
.papa, .aka
color:red

.mama .ok
color:blue


div .chacha
transition: opacity 0.2s;
.sasa
background:url(home.png)

`
var arr = string.match(/(?:[.]1)([a-zA-Z_]+[w-_]*)(?:[s.,{>#:]0)/igm);
console.log(arr);

let arr = ;
match.input.replace(pattern, function(match, g1, g2) arr.push(g1); );
console.log(arr);


By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.