All videos

Quickly access the Selector field

Trouble with this video? YouTube may be blocking it for you. Watch it directly on YouTube instead.

Quickly access the Selector field

Using classes is essential for designing for the web, but adding classes to each and every element on your site can be repetitive and tedious. With any element selected, press Command + Return on macOS (or Control + Enter on Windows) to instantly enter the Selector field. You can also use the up and down arrows to select elements in the Navigator.

Video details

Duration

0:33

Topic

Design & build

Continue watching

Quickly access the Selector field - 图1<h3>Migrate a site to Webflow</h3>1:16:53

Quickly access the Selector field - 图2<h3>Cursor follow interactions</h3>10:25

Quickly access the Selector field - 图3<h3>Build a cursor-following 3D button</h3>5:15

Quickly access the Selector field - 图4<h3>Webflow MCP: Build an FAQ accordion with Claude</h3>8:19

Quickly access the Selector field - 图5<h3>Page load interaction</h3>9:43

{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "Quickly access the Selector field",
  "description": "Using classes is essential for designing for the web, but adding classes to each and every element on your site can be repetitive and tedious. The cumulative time which you spend moving your mouse from your Canvas to the Selector field can often exceed the time you spend on making a cup of coffee. That&#39;s why — after many back-and-forth feedback conversations with Olympic athletes and our team — we&#39;ve developed a simple solution.",
  "url": "https://university.webflow.com/videos/quickly-access-the-selector-field",
  "thumbnailUrl": "https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/64b9452cc1f953e7b4ad3708_5f8088e971fbdf409fed102a_WFU-Thumbnail-photo-of-presenter.webp",
  "duration": "0:33",
  "uploadDate": "2026-07-15T20:51:09.709Z",
  "contentUrl": "https://www.youtube.com/watch?v=20jpP4F-RFg",
  "embedUrl": "https://www.youtube.com/embed/20jpP4F-RFg",
  "inLanguage": "en",
  "publisher": {
    "@type": "Organization",
    "name": "Webflow",
    "logo": {
      "@type": "ImageObject",
      "url": "https://assets-global.website-files.com/6009ec03c3b4e33e78af04aa/6516be62e5c189e9d4fa5e8f_webflow-logo.svg"
    }
  },
  "about": {
    "@type": "Thing",
    "name": ""
  }
}