HTML[att~=val] { sRules } ScriptingN/A
attMust be either an Identifier or a String. valMust be either an Identifier or a String. sRulesString that specifies one or more Cascading Style Sheets (CSS) attribute/value pairs.
Note Requires Windows Internet Explorer 7 or later. Note Attribute selectors are enabled only in standards-compliant mode (strict !DOCTYPE).Attributes are case-sensitive.If the target val contains whitespace, the rule will not match anything.
Attributes are case-sensitive.
If the target val contains whitespace, the rule will not match anything.
The following style rule selects any attribute 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> This feature requires Windows Internet Explorer 7 or later. Click the following icon to install the latest version. Then reload this page to view the sample.
The following style rule selects any attribute 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>
This selector is defined in CSS, Level 2 Revision 1 (CSS2.1).
Class Selector, Equality [=] Attribute Selector, Existence [] Attribute Selector, Hyphen [|=] Attribute Selector, ID Selector, Prefix [^=] Attribute Selector, Substring [*=] Attribute Selector, Suffix [$=] Attribute Selector, Type Selector, Universal (*) Selector