How to extract multiple classes from html as css code in phpstorm?

Question

phpstorm

There are similar tools bearcss.com and AutoclassCSS

But somewhere I saw the ability to highlight text in html (in which elements have classes) example:

<div class="name-class">Текст</div>
<div class="name-class__element">Tекст</div>

It turns out:

.name-class {

}

.name-class__element {

}

Answer 1

How to extract multiple classes from html as css code in phpstorm?

Useful opportunity. I would also like to know how this can be done in PhpStorm.

Answer 2

In PhpStorm (latest version for sure), there is a structure tab - on the left under the project tab. There are all the classes specified in the selected document (whether there is a css or html structure).

Answer 3

For sublime text there is ecstractor - https://github.com/hudochenkov/ecstractor

Answer 4

There is a simple web service specifically for this case: extracting css classes .