style.getSelector()

Retrieve the CSS selector this style produces, as shown in the Designer’s Styles panel. The returned string is the canonical query selector for the style in the rendered stylesheet.

Unlike the style’s name (for example, Button or Body), the selector is lowercased and CSS-sanitized through the same pipeline the renderer uses.

Syntax

1
style.getSelector(): Promise<string>

Returns

Promise<string>

A Promise that resolves to the style’s canonical CSS selector. The exact shape depends on the style’s type:

Example

1
// Get a style and read the selector it renders as
2
const style = await webflow.getStyleByName("button");
3
4
if (style) {
5
  const selector = await style.getSelector();
6
  console.log("Selector:", selector); // ".button"
7
}

Designer ability