homehtmlayoutselectors

Selectors in HTMLayout

  Meaning Described in section
CSS 2.1 selectors. Following fragment was taken from W3C CSS 2.1 specification
* Matches any element. Universal selector
E Matches any E element (i.e., an element of type E). Type selectors
E F Matches any F element that is a descendant of an E element. Descendant selectors
E > F Matches any F element that is a child of an element E. Child selectors
E:first-child Matches element E when E is the first child of its parent. The :first-child pseudo-class
E:link
E:visited
Matches element E if E is the source anchor of a hyperlink of which the target is not yet visited (:link) or already visited (:visited). The link pseudo-classes
E:active
E:hover
E:focus
Matches E during certain user actions. The dynamic pseudo-classes
E + F Matches any F element immediately preceded by a sibling element E. Adjacent selectors
E[foo] Matches any E element with the "foo" attribute set (whatever the value). Attribute selectors
E[foo="warning"] Matches any E element whose "foo" attribute value is exactly equal to "warning". Attribute selectors
E[foo~="warning"] Matches any E element whose "foo" attribute value is a list of space-separated values, one of which is exactly equal to "warning". Attribute selectors
E[foo%="warning"] Matches any E element whose "foo" attribute value is a list of space-separated values, one of which is equal to "warning" case insensitively. non-standard
E[lang|="en"] Matches any E element whose "lang" attribute has a hyphen-separated list of values beginning (from the left) with "en". Attribute selectors
DIV.warning Language specific. (In HTML, the same as DIV[class~="warning"].) Class selectors
E#myid Matches any E element with ID equal to "myid". ID selectors
CSS 3.0 selectors
E:not( {simple selector} )
Negation.
Example: E:not(:first-child) matches all E elements that are not at first child position in their containers.
The negation pseudo-class
E[foo^="val"] Matches any E element having "foo" attribute whose value begins with the prefix "val"  
E[foo$="val"] Matches any E element having "foo" attribute whose value ends with the suffix "val"  
E[foo*="val"] Matches any E element having "foo" attribute whose value contains at least one instance of the substring "val".  
E:nth-child(An+B) Matches any E element which is Bth child of an parent element after all its children have been split into groups of A elements each. A and B are integer numbers. Structural Pseudo Classes
E:nth-last-child(An+B) Matches any E element which is Bth child of an parent element after all its children have been split into groups of A elements each and counting from last to first direction.
E:not(simple selector) Represents an element that is not represented by the simple selector. Negation Pseudo Class
E:only-child Represents an element that has a parent element and whose parent element has no other children other than this one. :only-child pseudo-class
E:only-of-type Represents an element that has a parent element and whose parent element has no other element children with the same element name :only-of-type pseudo-class
E:has-child-of-type(T) Represents an element that has exactly single child element of type T among its other children. Non standard, h-smile core specific.
E:has-children-of-type(T) Represents an element that has one or more children elements of type T among its other children.
Run-time state flags (mostly h-smile core specific)
E:focus Matches element in focus state. STATE_FOCUS
E:tab-focus Matches element that got focus by pressing TAB keyboard button. STATE_TABFOCUS
E:focusable Matches any element which has tabindex defined or will accept focus. Behaviors attached to elements are responsible for "focusability" (accept HANDLE_FOCUS events). For example behaviors under <a href>'s and most of <input>/<widget> elements are focusable by default. Elements that have overflow:auto | scroll are also intrinsically focusable. STATE_FOCUSABLE
E:current Matches current element in collection. E.g. current <option> in <select>. STATE_CURRENT
E:checked Matches element in checked state. Internal behaviors checkbox, radio and select (for option) are known to set/reset this flag. STATE_CHECKED
E:disabled Matches element in disabled state. All elements in container having disabled attribute defined will also have this flag set. STATE_DISABLED
E:read-only Matches element in read-only state (with readonly attribute defined) STATE_READONLY
E:expanded Matches element in expanded state. Internal behavior select are known to set/reset this flag. Used for implementation of collapsible nodes in the <select>. STATE_EXPANDED
E:collapsed Inversed to :expanded attribute. Element can have either expanded or collapsed or neither expanded nor collapsed state but not both. STATE_COLLAPSED
E:incomplete Is set when element is in incomplete state - one of requested resources (e.g. background or foreground image) is not arrived yet. STATE_INCOMPLETE
E:busy E.g. is set when element requested some data to download and this data is not arrived yet. This flag can be set from code of behaviors. STATE_BUSY
E:empty Matches element that has no textual content and no children. STATE_EMPTY
E:has-child Matches element that has exactly one child. STATE_HAS_CHILD
E:has-children Matches element that has more than one child. STATE_HAS_CHILDREN
E:animating Element, at the moment, is animating e.g. expanding/collapsing STATE_ANIMATING
E:popup Element, at the moment, is shown as a popup. STATE_POPUP
E:owns-popup Element requested popup to be shown and that popup is shown at the moment. STATE_OWNS_POPUP
E:synthetic Element is synthesized by the engine while parsing e.g. all missed cells in tables (<td>) are getting this flag. STATE_SYNTHETIC
E:drop-target While inside the active drag-n-drop opeartion this element is a valid drop target for the dragged element. STATE_DROP_TARGET
E:drag-over Matches drop target element when dragged element is over it. STATE_DRAG_OVER
E:moving Matches drag-moving element (temporary copy of the drag-source). STATE_MOVING
E:copying Matches drag-copying element (temporary copy of the drag-source). STATE_COPYING
E:drag-source Matches drag source element in active drag-n-drop operation. STATE_DRAG_SOURCE
E:rtl Matches element in strictly Right-To-Left environment - when it or its nearest container has defined dir attribute and the value of that dir attribute is exactly "rtl".  
E:ltr Matches element in strictly Left-To-Right environment - when it or its nearest container has defined dir attribute and the value of that dir attribute is exactly "ltr".  

HTMLayout

Download

Documentation

Screenshots!

HTMLayout Wrappers