Get a style's type

`style.getType()`

Retrieve a style’s type, as it appears in the Designer’s Styles panel. This method is synchronous, so it doesn’t require await.

Syntax

1 style.getType(): StyleType

Returns

StyleType

A string describing the style’s type. Returns one of the following values:

Value	Description
`'global'`	A named, reusable class style with no combinator.
`'combo'`	A class modifier applied on a base class, such as `.button.is-primary`.
`'tag'`	A style that targets an HTML tag, such as `h1` or `body`.
`'element'`	A style scoped to a single element instance.
`'descendant'`	A class style nested under another class, such as `.parent .child`.

'element' styles can appear in webflow.getAllStyles() results, but most style operations on them aren’t supported and reject with a resourceMissing error.

Example

1 // Get all styles and filter to global classes
2 const styles = await webflow.getAllStyles();
3 const globalClasses = styles.filter((style) => style.getType() === "global");

Try this example

Designer ability

Designer Ability	Locale	Branch	Workflow	Sitemode
canAccessCanvas	Any	Any	Any	Any

1	// Get all styles and filter to global classes
2	const styles = await webflow.getAllStyles();
3	const globalClasses = styles.filter((style) => style.getType() === "global");