Documentation

The star selector applies to all elements. Maps to * in CSS.

Select elements by name. The preferred syntax is to enable OverloadedStrings and actually just use "element-name" or use one of the predefined elements from Clay.Elements.

Named alias for **.

The deep selector composer. Maps to sel1 sel2 in CSS.

Named alias for |>.

The child selector composer. Maps to sel1 > sel2 in CSS.

The adjacent selector composer. Maps to sel1 + sel2 in CSS.

Named alias for #.

The filter selector composer, adds a filter to a selector. Maps to something like sel#filter or sel.filter in CSS, depending on the filter.

Filter elements by id. The preferred syntax is to enable OverloadedStrings and use "#id-name".

Filter elements by class. The preferred syntax is to enable OverloadedStrings and use ".class-name".

Filter elements by pseudo selector or pseudo class. The preferred syntax is to enable OverloadedStrings and use ":pseudo-selector" or use one of the predefined ones from Clay.Pseudo.

Filter elements by pseudo selector functions. The preferred way is to use one of the predefined functions from Clay.Pseudo.

Filter elements based on the presence of a certain attribute. The preferred syntax is to enable OverloadedStrings and use "@attr" or use one of the predefined ones from Clay.Attributes.

Filter elements based on the presence of a certain attribute with the specified value.

Filter elements based on the presence of a certain attribute that begins with the selected value.

Filter elements based on the presence of a certain attribute that ends with the specified value.

Filter elements based on the presence of a certain attribute that contains the specified value as a substring.

Filter elements based on the presence of a certain attribute that have the specified value contained in a space separated list.

Filter elements based on the presence of a certain attribute that have the specified value contained in a hyphen separated list.