Windows apps
Collapse the table of content
Expand the table of content
Information
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

 

Syntax

[att|=val] {...}

Parameters

att

Must be either an Identifier or a String.

val

Must be either an Identifier or a String.

Standards information

Remarks

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.

Examples

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

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/css/attr_selectors.htm

 

 

Show:
© 2017 Microsoft