Skip to content

esemv07/css-class-finder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

c052faf · · Apr 28, 2026

History

11 Commits
Apr 24, 2026
Apr 24, 2026
Apr 24, 2026
Apr 24, 2026
Apr 24, 2026
Apr 24, 2026
Apr 28, 2026
Apr 24, 2026
Apr 27, 2026
Apr 24, 2026
Apr 24, 2026
Apr 28, 2026
Apr 24, 2026

Repository files navigation

CSS to HTML Class Finder README

Features

How To Use

Find the extension on VSCode by searching 'CSS to HTML Class Finder' or install it here.

Open the command palette using Ctrl + Shift + P or Cmd + Shift + P and pick from one of the 3 commands detailed below.

Commands

Transfer Selected Classes:

  1. Select text containing at least one class in an HTML file.
  2. Run the command and select a CSS file to transfer the classes to.
  3. Your classes will be transferred to the selected file and the CSS file will be open.
Transfer.Selected.Classes.mp4

Note

This command does not check whether classes are already present in the selected CSS file so duplicated may occur

Automatically Suggest Classes:

  1. Open the CSS file you want the classes to be suggested in.
  2. Run the command and select the HTML file you want the classes to be pulled from.
  3. Classes will now be suggested in your CSS file and will be refreshed each time your HTML file is saved.
Automatically.Suggest.Classes.mp4

Automatically Transfer Classes:

  1. Open the HTML file you want the classes to be pulled from.
  2. Run the command and select the CSS file you want the classes to be transferred to.
  3. Each time you save the HTML file your classes in the CSS file will be updated with no duplicates.
Automatically.Transfer.Classes.mp4

Known Issues

None yet :)

Tip

Please report any issues you find!

Release Notes

1.0.0

Initial release of CSS to HTML Class Finder! Features and commands detailed above.