CSS Class Name Changes in HTML Not Reflecting Correctly in Live Preview

[devvaannsh]

Describe the bug

When working with an HTML file and referencing class names in the CSS file, updating class names in the HTML does not seem to reflect correctly under certain conditions. Specifically, if an element's class name is updated in the HTML file, the element may still be styled according to the properties defined for the original class name in the CSS file.

Reproduction

1. Create an HTML file with multiple elements sharing the same class name (e.g., example-class).
2. Reference this class in a CSS file but do not define any properties initially.
3. Update the class name for some of these elements in the HTML file to a new name (e.g., new-class).
4. Go back to the CSS file and define some properties for the original class name (example-class).

Expected behavior

Only elements that retain the original class name (example-class) should be styled according to the CSS properties defined.

OS, Browser and Phoenix versions

The CSS properties applied to the original class name (example-class) are unexpectedly affecting elements that have been updated to the new class name (new-class).

logs or debug stack trace if any

No response

Additional context

No response