1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-02 16:16:18 +00:00
TiddlyWiki5/editions/tw5.com/tiddlers/howtos/Custom_Attribute_Selectors.tid
Mario Pietsch 19085a1277 Add data attributes to ViewTemplate (#3209)
* change 3 set-widgets to 1 var-widget call. Add data-tags and userClass.

* add new documentation and change the existing one accordingly.
2018-04-24 22:08:20 +01:00

31 lines
1.4 KiB
Plaintext

created: 20170126152839462
modified: 201804111739
tags: [[Custom data-styles]]
title: Attribute Selectors
type: text/vnd.tiddlywiki
;[attr]
:Represents an element with an attribute name of attr.
;[attr="value"]
:Represents an element with an attribute name of attr and whose value is exactly "value".
;[attr~="value"]
:Represents an element with an attribute name of attr whose value is a whitespace-separated list of words, one of which is exactly "value".
;[attr|="value"]
:Represents an element with an attribute name of attr. Its value can be exactly “value” or can begin with “value” immediately followed by “-” (U+002D). It can be used for language subcode matches.
;[attr^="value"]
:Represents an element with an attribute name of attr and whose first value is prefixed by "value".
;[attr$="value"]
:Represents an element with an attribute name of attr and whose last value is suffixed by "value".
;[attr*="value"]
:Represents an element with an attribute name of attr and whose value contains at least one occurrence of string "value" as substring.
;[attr "operator value" i]
:Adding an i (or I) before the closing bracket causes the value to be compared case-insensitively (for characters within the ASCII range).
Learn more at: [[Attribute selectors - CSS|https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors]] or [[CSS-Specification|https://www.w3.org/TR/CSS22/selector.html#attribute-selectors]]