Whitespace property

Exactly matches the specified property value in a space-delimited list of values.

[attr~=val] {sRules }

attr

Either an identifier or a string.

val

Either an identifier or a string.

sRules

A string that specifies one or more cascading style sheet property/value pairs.

This property is enabled only in standards-compliant mode (strict !DOCTYPE).

Attributes are case-sensitive.

If the target val contains whitespace, the rule will not match anything.

The following style rule selects any property whose value contains the token "Two":

<style>
    .test         {display: none;}
    [attr~="Two"] {display: block;}
</style>

<div class="test" attr="One Two Three">Test for [~=] (Token) succeeded.</div>

Community Additions

ADD
Show: