Main-ui (CSS pseudo selector)

From PowerUI
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