Class CssRule

Combines a CSS selector with a list of CSS properties. Use the static methods to create

rules for a host element, to
subselect a host element (like with :hover) or for a
child element.

Index

Properties

Methods

child detail host

Properties

`Readonly` props

props: readonly CssProp[]

CSS properties of this rule.

`Readonly` selector

selector: string

The selector of the rule. It will start with a space character if it is supposed to select child (or descendent) elements.

Methods

`Static` child

child(selector: string, ...props: CssProp[]): CssRule
Creates a rule with a child (or descendent selector). In particular when combined with a css class Boo a selector like div will be combined into .Boo div, i.e. with a space before the given selector.

To address a direct child, use > like in CssRules.child('>div', ...).
Parameters
- selector: string
- Rest ...props: CssProp[]
Returns CssRule
- Defined in CssRule.ts:49

`Static` detail

detail(selector: string, ...props: CssProp[]): CssRule
Creates a rule with the given detail selector. The selector will be written to a style element such that it subselects the root element. For example if combined with a css class Boo a selector like :hover will be combined into .Boo:hover.
Parameters
- selector: string
- Rest ...props: CssProp[]
Returns CssRule
- Defined in CssRule.ts:37

`Static` host

host(...props: CssProp[]): CssRule
Creates a rule with an empty selector, meaning it should apply to the host element.
Parameters
- Rest ...props: CssProp[]
Returns CssRule
- Defined in CssRule.ts:27

Generated using TypeDoc