The following CSS level 2.1 selectors are supported by the oXygen Author:
Table 7.2. Supported CSS 2.1 selectors
Expression | Name | Description/Example |
---|---|---|
* | Universal selector | Matches any element |
E | Type selector | Matches any E element (i.e an element with the local name E) |
E F | Descendant selector | Matches any F element that is a descendant of an E element. |
E > F | Child selectors | Matches any F element that is a child of an element E. |
E:first-child | The :first-child pseudo-class | Matches element E when E is the first child of its parent. |
E:lang(c) | The :lang() pseudo-class | Matches element of type E if it is in (human) language c (the document language specifies how language is determined). |
E + F | Adjacent selector | Matches any F element immediately preceded by a sibling element E. |
E[foo] | Attribute selector | Matches any E element with the "foo" attribute set (whatever the value). |
E[foo="warning"] | Attribute selector | Matches any E element whose "foo" attribute value is exactly equal to "warning". |
E[foo~="warning"] | Attribute selector | Matches any E element whose "foo" attribute value is a list of space-separated values, one of which is exactly equal to "warning". |
E[lang|="en"] | Attribute selector | Matches any E element whose "lang" attribute has a hyphen-separated list of values beginning (from the left) with "en". |
E:before and E:after | Pseudo elements | The ':before' and ':after' pseudo-elements can be used to insert generated content before or after an element's content. |
The following CSS level 2.1 selectors are not supported by the oXygen Author:
Table 7.3. Unsupported CSS 2.1 selectors
Expression | Name | Description/Example |
---|---|---|
E#myid | ID selectors | Matches any E element with ID equal to "myid". |
E:link, E:visited | The link pseudo-class | 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). |
E:active, E:hover, E:focus | The dynamic pseudo-classes | Matches E during certain user actions. |
E:first-line | The :first-line pseudo-class | The :first-line pseudo-element applies special styles to the contents of the first formatted line of a paragraph. |
E:first-letter | The :first-letter pseudo-class | The :first-letter pseudo-element must select the first letter of the first line of a block, if it is not preceded by any other content (such as images or inline tables) on its line. The :first-letter pseudo-element may be used for "initial caps" and "drop caps", which are common typographical effects. |
All the properties belonging to the aural and paged categories are not supported in oXygen Author. The properties from the table below belong to the visual category.
Table 7.4. CSS Level 2.1 Properties and their support in oXygen Author
Name | Supported Values | Not Supported Values |
---|---|---|
'background-attachment' | ALL | |
'background-color' | <color> | inherit | transparent |
'background-image' | ALL | |
'background-position' | ALL | |
'background-repeat' | ALL | |
'background' | ALL | |
'border-collapse' | ALL | |
'border-color' | <color> | inherit | transparent |
'border-spacing' | ALL | |
'border-style' | <border-style> | inherit | |
'border-top' 'border-right' 'border-bottom' 'border-left' | [ <border-width> || <border-style> || 'border-top-color' ] | inherit | |
'border-top-color' 'border-right-color' 'border-bottom-color' 'border-left-color' | <color> | inherit | transparent |
'border-top-style' 'border-right-style' 'border-bottom-style' 'border-left-style' | <border-style> | inherit | |
'border-top-width' 'border-right-width' 'border-bottom-width' 'border-left-width' | <border-width> | inherit | |
'border-width' | <border-width> | inherit | |
'border' | [ <border-width> || <border-style> || 'border-top-color' ] | inherit | |
'bottom' | ALL | |
'caption-side' | ALL | |
'clear' | ALL | |
'clip' | ALL | |
'color' | <color> | inherit | |
'content' | normal | none | [ <string> | <uri> | <counter> | attr( <identifier> ) | open-quote | close-quote ]+ | inherit | no-open-quote | no-close-quote |
'counter-increment' | [ <identifier> <integer> ? ]+ | none | inherit | |
'counter-reset' | [ <identifier> <integer> ? ]+ | none | inherit | |
'cursor' | ALL | |
'direction' | ltr | rtl | inherit |
'display' | inline | block | list-item | table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit | run-in | inline-block | inline-table - considered block |
'empty-cells' | show | hide | inherit | |
'float' | ALL | |
'font-family' | [[ <family-name> | <generic-family> ] [, <family-name> | <generic-family> ]* ] | inherit | |
'font-size' | <absolute-size> | <relative-size> | <length> | <percentage> | inherit | |
'font-style' | normal | italic | oblique | inherit | |
'font-variant' | ALL | |
'font-weight' | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit | |
'font' | [ [ 'font-style' || 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] | inherit | 'font-variant' 'line-height' caption | icon | menu | message-box | small-caption | status-bar |
'height' | ALL | |
'left' | ALL | |
'letter-spacing' | ALL | |
'line-height' | normal | <number> | <length> | <percentage> | inherit | |
'list-style-image' | ALL | |
'list-style-position' | ALL | |
'list-style-type' | disc | circle | square | decimal | lower-roman | upper-roman | lower-latin | upper-latin | lower-alpha | upper-alpha | none | inherit | lower-greek | armenian | georgian |
'list-style' | [ 'list-style-type' ] | inherit | 'list-style-position' || 'list-style-image' |
'margin-right' 'margin-left' | <margin-width> | inherit | |
'margin-top' 'margin-bottom' | <margin-width> | inherit | |
'margin' | <margin-width> | inherit | |
'max-height' | ALL | |
'max-width' | <length> | <percentage> | none | inherit - supported only for tables | |
'min-height' | ALL | |
'min-width' | <length> | <percentage> | inherit - supported only for tables | |
'outline-color' | ALL | |
'outline-style' | ALL | |
'outline-width' | ALL | |
'outline' | ALL | |
'overflow' | ALL | |
'padding-top' 'padding-right' 'padding-bottom' 'padding-left' | <padding-width> | inherit | |
'padding' | <padding-width> | inherit | |
'position' | ALL | |
'quotes' | ALL | |
'right' | ALL | |
'table-layout' | auto | fixed | inherit |
'text-align' | left | right | center | inherit | justify |
'text-decoration' | none | [ underline || overline || line-through ] | inherit | blink |
'text-indent' | ALL | |
'text-transform' | ALL | |
'top' | ALL | |
'unicode-bidi' | ALL | |
'vertical-align' | baseline | sub | super | top | text-top | middle | bottom | text-bottom | inherit | <percentage> | <length> |
'visibility' | visible | hidden | inherit | collapse |
'white-space' | normal | pre | nowrap | pre-wrap | pre-line | |
'width' | <length> | <percentage> | auto | inherit - Used only for tables | |
'word-spacing' | ALL | |
'z-index' | ALL |