How to define class names when extracting CSS?

[Philip Y.]

Our designers create mockups in Illustrator for our web developers to use and we saw that Illustrator has an "Extract CSS" feature to get the CSS code for selected elements.

The problem is the names that are generated. We don't see any way to change them and they are all like this:

.NormalCharacterStyle
{
	font-family : Verlag Condensed;
	font-size : 41px;
	color : #231F20;
	color : rgb(35, 31, 32);
}
.NormalCharacterStyle1
{
	font-family : Futura CondensedLight;
	font-size : 34px;
	color : #231F20;
	color : rgb(35, 31, 32);
}

And so on. This is useless to an engineer. We want these to have intuitive class names like name, price, description, etc.

We looked at the layer names, but they seem to be ignored. We didn't see a CSS or name field in the properties panel of the element, either. Maybe we missed it?

Is it at all possible to specify CSS class names? Thanks!

[Eugenio.NYC]

Hi

Go to the menu WINDOW/TYPE/CHARACTER STYLES and name your character style

Then you will export the css with the style name 

LMK

Eugenio