Macros and functions for working with CSS selectors.
Macros and functions for working with CSS selectors.
(active & selectors)CSS :active pseudo-class selector.
CSS :active pseudo-class selector.
(address & selectors)CSS address type selector.
CSS address type selector.
(after & selectors)CSS ::after pseudo element selector.
CSS ::after pseudo element selector.
(article & selectors)CSS article type selector.
CSS article type selector.
(before & selectors)CSS ::before pseudo element selector.
CSS ::before pseudo element selector.
(blockquote & selectors)CSS blockquote type selector.
CSS blockquote type selector.
(button & selectors)CSS button type selector.
CSS button type selector.
(canvas & selectors)CSS canvas type selector.
CSS canvas type selector.
(caption & selectors)CSS caption type selector.
CSS caption type selector.
(checked & selectors)CSS :checked pseudo-class selector.
CSS :checked pseudo-class selector.
(colgroup & selectors)CSS colgroup type selector.
CSS colgroup type selector.
(command & selectors)CSS command type selector.
CSS command type selector.
(datalist & selectors)CSS datalist type selector.
CSS datalist type selector.
(default & selectors)CSS :default pseudo-class selector.
CSS :default pseudo-class selector.
(defpseudoclass sym & fn-tail)Define an instance of a CSSSelector named sym for creating a CSS pseudo class. This instance doubles as both a function and a literal (when passed to the css-selector). When the function is called it will return a new instance that possesses the same properties. All arguments to the function must satisfy ICSSSelector.
Optionally fn-tail may be passed to create a structual pseudo class. The return value of the function constructed from fn-tail will be cast to a string via css-selector or str.
Example:
(defselector a) ;; => #'user/a (defpseudoclass hover) ;; => #'user/hover (hover) ;; => #<CssSelector garden.selectors.CssSelector@2a0ca6e1> (p/selector (a hover)) ;; => "a:hover"
Example:
(defpseudoclass not [x] (p/selector x)) ;; => #'user/not (p/selector (a hover (not "span")) ;; => a:hover:not(span)
;; Where p/selector is garden.protocols/selector
Define an instance of a CSSSelector named sym for creating a CSS
pseudo class. This instance doubles as both a function and a
literal (when passed to the css-selector). When the function is called
it will return a new instance that possesses the same properties. All
arguments to the function must satisfy ICSSSelector.
Optionally fn-tail may be passed to create a structual pseudo class.
The return value of the function constructed from fn-tail will be
cast to a string via css-selector or str.
Example:
(defselector a)
;; => #'user/a
(defpseudoclass hover)
;; => #'user/hover
(hover)
;; => #<CssSelector garden.selectors.CssSelector@2a0ca6e1>
(p/selector (a hover))
;; => "a:hover"
Example:
(defpseudoclass not [x]
(p/selector x))
;; => #'user/not
(p/selector (a hover (not "span"))
;; => a:hover:not(span)
;; Where p/selector is garden.protocols/selector
(defpseudoelement sym)Define an instance of a CSSSelector named sym for creating a CSS pseudo element. This instance doubles as both a function and a literal (when passed to the css-selector). When the function is called it will return a new instance that possesses the same properties. All arguments to the function must satisfy ICSSSelector.
Example:
(defselector p) ;; => #'user/p (defpseudoelement first-letter) ;; => #'user/first-letter (first-letter) ;; => #<CssSelector garden.selectors.CssSelector@20aef718> (p/selector (p first-letter)) ;; => "p::first-letter"
;; Where p/selector is garden.protocols/selector
Define an instance of a CSSSelector named sym for creating a CSS pseudo element. This instance doubles as both a function and a literal (when passed to the css-selector). When the function is called it will return a new instance that possesses the same properties. All arguments to the function must satisfy ICSSSelector. Example: (defselector p) ;; => #'user/p (defpseudoelement first-letter) ;; => #'user/first-letter (first-letter) ;; => #<CssSelector garden.selectors.CssSelector@20aef718> (p/selector (p first-letter)) ;; => "p::first-letter" ;; Where p/selector is garden.protocols/selector
(defselector sym)(defselector sym strval)Define an instance of a CSSSelector named sym for creating a CSS selector. This instance doubles as both a function and a literal (when passed to the css-selector). When the function is called it will return a new instance that possesses the same properties. All arguments to the function must satisfy ICSSSelector.
Example:
(defselector a) ;; => #'user/a (a ":hover") ;; => #<CSSSelector garden.selectors.CSSSelector@7c42c2a9> (css-selector a) ;; => "a" (css-selector (a ":hover")) ;; => "a:hover"
Define an instance of a CSSSelector named sym for creating a CSS selector. This instance doubles as both a function and a literal (when passed to the css-selector). When the function is called it will return a new instance that possesses the same properties. All arguments to the function must satisfy ICSSSelector. Example: (defselector a) ;; => #'user/a (a ":hover") ;; => #<CSSSelector garden.selectors.CSSSelector@7c42c2a9> (css-selector a) ;; => "a" (css-selector (a ":hover")) ;; => "a:hover"
(descendant a b)(descendant a b & more)Descendant combinator.
Descendant combinator.
(details & selectors)CSS details type selector.
CSS details type selector.
(disabled & selectors)CSS :disabled pseudo-class selector.
CSS :disabled pseudo-class selector.
(empty & selectors)CSS :empty pseudo-class selector.
CSS :empty pseudo-class selector.
(enabled & selectors)CSS :enabled pseudo-class selector.
CSS :enabled pseudo-class selector.
(fieldset & selectors)CSS fieldset type selector.
CSS fieldset type selector.
(figcaption & selectors)CSS figcaption type selector.
CSS figcaption type selector.
(figure & selectors)CSS figure type selector.
CSS figure type selector.
(first & selectors)CSS :first pseudo-class selector.
CSS :first pseudo-class selector.
(first-child & selectors)CSS :first-child pseudo-class selector.
CSS :first-child pseudo-class selector.
(first-letter & selectors)CSS ::first-letter pseudo element selector.
CSS ::first-letter pseudo element selector.
(first-line & selectors)CSS ::first-line pseudo element selector.
CSS ::first-line pseudo element selector.
(first-of-type & selectors)CSS :first-of-type pseudo-class selector.
CSS :first-of-type pseudo-class selector.
(focus & selectors)CSS :focus pseudo-class selector.
CSS :focus pseudo-class selector.
(footer & selectors)CSS footer type selector.
CSS footer type selector.
(fullscreen & selectors)CSS :fullscreen pseudo-class selector.
CSS :fullscreen pseudo-class selector.
(header & selectors)CSS header type selector.
CSS header type selector.
(hgroup & selectors)CSS hgroup type selector.
CSS hgroup type selector.
(hover & selectors)CSS :hover pseudo-class selector.
CSS :hover pseudo-class selector.
(iframe & selectors)CSS iframe type selector.
CSS iframe type selector.
(in-range & selectors)CSS :in-range pseudo-class selector.
CSS :in-range pseudo-class selector.
(indeterminate & selectors)CSS :indeterminate pseudo-class selector.
CSS :indeterminate pseudo-class selector.
(invalid & selectors)CSS :invalid pseudo-class selector.
CSS :invalid pseudo-class selector.
(keygen & selectors)CSS keygen type selector.
CSS keygen type selector.
(last-child & selectors)CSS :last-child pseudo-class selector.
CSS :last-child pseudo-class selector.
(last-of-type & selectors)CSS :last-of-type pseudo-class selector.
CSS :last-of-type pseudo-class selector.
(left & selectors)CSS :left pseudo-class selector.
CSS :left pseudo-class selector.
(legend & selectors)CSS legend type selector.
CSS legend type selector.
(links & selectors)CSS :links pseudo-class selector.
CSS :links pseudo-class selector.
(marker & selectors)CSS :marker pseudo-class selector.
CSS :marker pseudo-class selector.
(noscript & selectors)CSS noscript type selector.
CSS noscript type selector.
(nth-child x)CSS :nth-child pseudo class selector.
CSS :nth-child pseudo class selector.
(nth-last-child x)CSS :nth-last-child pseudo class selector.
CSS :nth-last-child pseudo class selector.
(nth-last-of-type x)CSS :nth-last-of-type pseudo class selector.
CSS :nth-last-of-type pseudo class selector.
(nth-of-type x)CSS :nth-of-type pseudo class selector.
CSS :nth-of-type pseudo class selector.
(object & selectors)CSS object type selector.
CSS object type selector.
(only-child & selectors)CSS :only-child pseudo-class selector.
CSS :only-child pseudo-class selector.
(only-of-type & selectors)CSS :only-of-type pseudo-class selector.
CSS :only-of-type pseudo-class selector.
(optgroup & selectors)CSS optgroup type selector.
CSS optgroup type selector.
(option & selectors)CSS option type selector.
CSS option type selector.
(optional & selectors)CSS :optional pseudo-class selector.
CSS :optional pseudo-class selector.
(out-of-range & selectors)CSS :out-of-range pseudo-class selector.
CSS :out-of-range pseudo-class selector.
(output & selectors)CSS output type selector.
CSS output type selector.
(progress & selectors)CSS progress type selector.
CSS progress type selector.
(read-only & selectors)CSS :read-only pseudo-class selector.
CSS :read-only pseudo-class selector.
(read-write & selectors)CSS :read-write pseudo-class selector.
CSS :read-write pseudo-class selector.
(required & selectors)CSS :required pseudo-class selector.
CSS :required pseudo-class selector.
(right & selectors)CSS :right pseudo-class selector.
CSS :right pseudo-class selector.
(root & selectors)CSS :root pseudo-class selector.
CSS :root pseudo-class selector.
(scope & selectors)CSS :scope pseudo-class selector.
CSS :scope pseudo-class selector.
(script & selectors)CSS script type selector.
CSS script type selector.
(section & selectors)CSS section type selector.
CSS section type selector.
(select & selectors)CSS select type selector.
CSS select type selector.
(source & selectors)CSS source type selector.
CSS source type selector.
(specificity selector)Calculate a CSS3 selector's specificity.
Example:
(specificity "#s12:not(FOO)") ;; => 101 (specificity (a hover)) ;; => 10
Calculate a CSS3 selector's specificity. Example: (specificity "#s12:not(FOO)") ;; => 101 (specificity (a hover)) ;; => 10
(strong & selectors)CSS strong type selector.
CSS strong type selector.
(summary & selectors)CSS summary type selector.
CSS summary type selector.
(target & selectors)CSS :target pseudo-class selector.
CSS :target pseudo-class selector.
(textarea & selectors)CSS textarea type selector.
CSS textarea type selector.
(valid & selectors)CSS :valid pseudo-class selector.
CSS :valid pseudo-class selector.
(visited & selectors)CSS :visited pseudo-class selector.
CSS :visited pseudo-class selector.
cljdoc builds & hosts documentation for Clojure/Script libraries
| Ctrl+k | Jump to recent docs |
| ← | Move to previous article |
| → | Move to next article |
| Ctrl+/ | Jump to the search field |