On Wednesday, November 11, 2020 at 12:27:03 PM UTC-8, Tiddly Novice wrote:
>
> [data-tags*="example-test"] { border: 2px solid blue; }
> [data-tags*="example-te"] { border: 2px solid pink; }
>
https://www.w3schools.com/cssref/css_selectors.asp
Note these:
[attribute=value] [target=_blank] Selects all elements with target="_blank"
[attribute~=value] [title~=flower] Selects all elements with a title
attribute containing the word "flower"
[attribute|=value] [lang|=en] Selects all elements with a lang attribute
value starting with "en"
[attribute^=value] a[href^="https"] Selects every <a> element whose href
attribute value begins with "https"
[attribute$=value] a[href$=".pdf"] Selects every <a> element whose href
attribute value ends with ".pdf"
[attribute*=value] a[href*="w3schools"] Selects every <a> element whose
href attribute value contains the substring "w3schools"
Thus, for an exact match, use [data-tags="example-te"] (i.e., omit the "*"
-e
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/26159490-2bc5-4e35-802d-e85c39d192bbo%40googlegroups.com.
