Main-ui (CSS pseudo selector)

From PowerUI
Revision as of 19:51, 13 January 2017 by 151.229.186.156 (talk) (Created page with "PowerUI defines main-ui (and world-ui) to make distinguishing the two within CSS easy. For example, PowerUI's User agent stylesheet uses...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

PowerUI defines main-ui (and world-ui) to make distinguishing the two within CSS easy. For example, PowerUI's User agent stylesheet uses it to make sure the main UI has a slightly larger font size by default.

/* Target the body of the main UI */

body:main-ui{
 
 color:red;
 
}

This pseudo-selector is true when:

  • The element is on the main UI only (in UI.document)
  • The main UI is navigated to a resources:// file