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).