Windows apps
Collapse the table of content
Expand the table of content
The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

Hyphen [|=] attribute selector

Matches any attribute value that is exactly equal, or optionally, followed by a hyphen.

CSS 2.1, Section 5.8.1



[att|=val] {...}



Must be either an Identifier or a String.


Must be either an Identifier or a String.

Standards information


Note  Requires Windows Internet Explorer 7 or later.
Note  Attribute selectors are not supported in webpages that are displayed in the Microsoft Internet Explorer 5 document mode (also known as "Quirks" mode). To use attribute selectors, add a !DOCTYPE directive that specifies a standard-based document. For more information, see Defining Document Compatibility.

The hyphen is used primarily as a delimiter for language codes.

Attributes are case-sensitive.


The following style rule selects any element with an "attr" attribute whose value begins with "en" and is immediately followed by a hyphen.

<!DOCTYPE html>
    <style type="text/css">
      .test        { display:none; }
      [attr|="en"] { display:block; }
    <div class="test" attr="en-us">Test for [|=] (Hyphen) succeeded.</div>

Code example:



© 2016 Microsoft