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.
(attr attr-name)(attr attr-name op attr-value)(attr-contains attr-name attr-value)(attr-ends-with attr-name attr-value)(attr-matches attr-name attr-value)(attr-starts-with attr-name attr-value)(attr-starts-with* attr-name attr-value)(attr= attr-name attr-value)(before & selectors)CSS ::before pseudo element selector.
CSS ::before pseudo element selector.
(blockquote & selectors)CSS blockquote type selector.
CSS blockquote 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.
(defclass sym)(defid sym)(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.
(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.
(fullscreen & selectors)CSS :fullscreen pseudo-class selector.
CSS :fullscreen pseudo-class selector.
(hover & selectors)CSS :hover pseudo-class selector.
CSS :hover pseudo-class selector.
(css-selector this)(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.
(lang language)(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.
(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.
(not 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.
(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.
(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.
(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.
(section & selectors)CSS section type selector.
CSS section type selector.
(selector x)(selector? x)(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
(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 |