Whitespace attribute selector

Article
10/10/2017

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

Syntax

[attr~=val] {sRules }

Possible values

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.

Remarks

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.

Example

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>

Standards information

This selector is defined in Cascading Style Sheets (CSS), Level 2, Revision 1 (CSS2.1) Ee341497.xtlink_newWindow(en-us,Expression.40).png .

Whitespace attribute selector

Syntax

Possible values

Remarks

Example

Standards information

See also

Concepts

Additional resources