css-module-selectors.xml

<?xml version="1.0" encoding="utf-8"?>
<CssModule name="Selectors" standard-reference="http://www.w3.org/TR/selectors4/" status="WD" pub-date="2012-08-23">

  <CssAtDirective name="viewport" version="3.0" browsers="none" include-root-properties="false" include-root-directives="false" syntax="@$(name) { width: device-width; }" standard-reference="http://msdn.microsoft.com/en-us/library/windows/apps/hh868813.aspx">
  
  <CssProperty ref="width">
      <entry value="device-width" />
      <entry value="device-height" />
    </CssProperty>
  
  <CssProperty ref="height">
      <entry value="device-width" />
      <entry value="device-height" />
    </CssProperty>
  
  <CssProperty ref="max-width">
      <entry value="device-width" />
      <entry value="device-height" />
    </CssProperty>
  
  <CssProperty ref="min-width">
      <entry value="device-width" />
      <entry value="device-height" />
    </CssProperty>
  
  <CssProperty name="zoom" restriction="number, percentage">
      <entry value="auto" />
    </CssProperty>
  
  <CssProperty name="max-lines" restriction="integer, enum">
      <entry value="none" />
    </CssProperty>
  
  <CssProperty name="user-zoom">
      <entry value="zoom" />
      <entry value="fixed" />
    </CssProperty>
  
  <CssProperty name="orientation">
      <entry value="auto" />
      <entry value="landscape" />
      <entry value="portrait" />
    </CssProperty>
  </CssAtDirective>
  <CssPseudo name=":before" version="2.0" browsers="C,FF1,IE8,O8,S1" syntax="div:before { content: 'abc'; }" description="Pseudo-element is used to insert content immediately before the content of an element (or other pseudo-element). The 'content' property is used to specify the content to insert." standard-reference="http://www.w3.org/TR/css3-content/#inserting" />
  <CssPseudo name=":after" version="2.0" browsers="C,FF1,IE8,O8,S1" syntax="div:after { content: 'abc'; }" description="Pseudo-element is used to insert content immediately after the content of an element (or other pseudo-element). The 'content' property is used to specify the content to insert." standard-reference="http://www.w3.org/TR/css3-content/#inserting" />
  <CssPseudo name=":link" version="2.0" syntax="a:link { text-decoration: none; }" description="The :link pseudo-class applies to links that have not yet been visited." standard-reference="http://www.w3.org/TR/css3-selectors/#the-link-pseudo-classes-link-and-visited" />
  <CssPseudo name=":any-link" version="3.0" syntax="a:any-link { text-decoration: none; }" standard-reference="http://www.w3.org/TR/selectors4/#the-any-link-pseudo" />
  <CssPseudo name=":local-link" version="3.0" syntax="a:local-link { text-decoration: none; }" standard-reference="http://www.w3.org/TR/selectors4/#local-pseudo" />
  <CssPseudo name=":local-link(0)" version="3.0" syntax="a:local-link(0) { text-decoration: none; }" standard-reference="http://www.w3.org/TR/selectors4/#local-pseudo" />
  <CssPseudo name=":current" version="3.0" syntax=":current { text-decoration: none; }" standard-reference="http://www.w3.org/TR/selectors4/#current-pseudo" />
  <CssPseudo name=":current(div)" version="3.0" syntax=":current(div, p) { color: blue; }" standard-reference="http://www.w3.org/TR/selectors4/#current-pseudo" />
  <CssPseudo name=":visited" version="2.0" syntax="a:visited { color: purple; }" description="The :visited pseudo-class applies once the link has been visited by the user." standard-reference="http://www.w3.org/TR/css3-selectors/#the-link-pseudo-classes-link-and-visited" />
  <CssPseudo name=":active" version="2.0" syntax="a:active { color: red; }" description="The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it." standard-reference="http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act" />
  <CssPseudo name=":hover" version="2.0" syntax="a:hover { text-decoration: none; }" description="The :hover pseudo-class applies while the user designates an element with a pointing device, but does not necessarily activate it. For example, a visual user agent could apply this pseudo-class when the cursor (mouse pointer) hovers over a box generated by the element." standard-reference="http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act" />
  <CssPseudo name=":focus" version="2.0" syntax="a:focus { color: yellow; }" description="The :focus pseudo-class applies while an element has the focus (accepts keyboard or mouse events, or other forms of input)." standard-reference="http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act" />
  <CssPseudo name=":first-child" version="2.0" browsers="C,FF3,IE7,O9.5,S3.1" syntax="li:first-child { font-size: 1.2em; }" description="Same as :nth-child(1). The :first-child pseudo-class represents an element that is the first child of some other element." standard-reference="http://www.w3.org/TR/css3-selectors/#first-child-pseudo" />
  <CssPseudo name=":first-line" version="2.0" syntax="p:first-line { color: green; }" description="The :first-line pseudo-element describes the contents of the first formatted line of an element." standard-reference="http://www.w3.org/TR/css3-selectors/#first-line" />
  <CssPseudo name=":first-letter" version="2.0" syntax="p:first-letter { font-size: 200%; }" description="The :first-letter pseudo-element represents the first letter of an element, if it is not preceded by any other content (such as images or inline tables) on its line." standard-reference="http://www.w3.org/TR/css3-selectors/#first-letter" />
  <CssPseudo name=":lang(en)" version="2.0" browsers="C,FF1,IE8,O8,S3" syntax="html:lang(en) { color: blue; }" description="The pseudo-class :lang(C) represents an element that is in language C." standard-reference="http://www.w3.org/TR/css3-selectors/#lang-pseudo" />
  <CssPseudo name=":checked" version="3.0" browsers="C,FF1,IE9,O9,S3.13" syntax="input:checked { color: red; }" description="Radio and checkbox elements can be toggled by the user. Some menu items are 'checked' when the user selects them. When such elements are toggled 'on' the :checked pseudo-class applies." standard-reference="http://www.w3.org/TR/css3-selectors/#checked" />
  <CssPseudo name=":empty" version="3.0" browsers="C,FF1.5,IE9,O9,S3.1" syntax="div:empty { background-color: red; }" description="The :empty pseudo-class represents an element that has no children at all." standard-reference="http://www.w3.org/TR/css3-selectors/#empty-pseudo" />
  <CssPseudo name=":enabled" version="3.0" browsers="C,FF1.5,IE9,O9,S3.1" syntax="input:enabled { background-color: green; }" description="The :enabled pseudo-class represents user interface elements that are in an enabled state; such elements have a corresponding disabled state." standard-reference="http://www.w3.org/TR/css3-selectors/#enableddisabled" />
  <CssPseudo name=":disabled" version="3.0" browsers="C,FF1.5,IE9,O9,S3.1" syntax="input:disabled { background-color: silver; }" description="The :disabled pseudo-class represents user interface elements that are in a disabled state; such elements have a corresponding enabled state." standard-reference="http://www.w3.org/TR/css3-selectors/#enableddisabled" />
  <CssPseudo name=":first-of-type" version="3.0" browsers="C,FF3.5,IE9,O9.5,S3.2" syntax="dl dt:first-of-type { font-size: 200%; }" description="Same as :nth-of-type(1). The :first-of-type pseudo-class represents an element that is the first sibling of its type in the list of children of its parent element." standard-reference="http://www.w3.org/TR/css3-selectors/#first-of-type-pseudo" />
  <CssPseudo name=":last-child" version="3.0" browsers="C,FF1,IE9,O9.5,S3.1" syntax="li:last-child { font-size: 1.2em; }" description="Same as :nth-last-child(1). The :last-child pseudo-class represents an element that is the last child of some other element." standard-reference="http://www.w3.org/TR/css3-selectors/#last-child-pseudo" />
  <CssPseudo name=":last-of-type" version="3.0" browsers="C,FF3.5,IE9,O9.5,S3.1" syntax="dl dt:last-of-type { font-size: 200%; }" description="Same as :nth-last-of-type(1). The :last-of-type pseudo-class represents an element that is the last sibling of its type in the list of children of its parent element." standard-reference="http://www.w3.org/TR/css3-selectors/#last-of-type-pseudo" />
  <CssPseudo name=":not(:empty)" version="3.0" browsers="C,FF1,IE9,O9.5,S2" syntax="div:not(:empty) { border-color: pink; }" description="The negation pseudo-class, :not(X), is a functional notation taking a simple selector (excluding the negation pseudo-class itself) as an argument. It represents an element that is not represented by its argument." standard-reference="http://www.w3.org/TR/css3-selectors/#negation" />
  <CssPseudo name=":matches(:hover)" version="3.0" browsers="none" syntax="div:matches(:hover) { border-color: pink; }" description="A functional notation taking a selector list as its argument. It represents an element that is represented by its argument." standard-reference="http://www.w3.org/TR/selectors4/#matches" />
  <CssPseudo name=":dir(ltr)" version="3.0" browsers="none" syntax="section:dir(ltr) { border-color: pink; }" description="The :dir() pseudo-class allows the author to write selectors that represent an element based on its directionality as determined by the document language." standard-reference="http://www.w3.org/TR/selectors4/#dir-pseudo" />
  <CssPseudo name=":scope" version="3.0" browsers="none" syntax=":scope { border-color: pink; }" description="The :scope pseudo-class represents any element that is in the contextual reference element set." standard-reference="http://www.w3.org/TR/selectors4/#scope-pseudo" />
  <CssPseudo name=":nth-child(2n+1)" version="3.0" browsers="C,FF3.5,IE9,O9.5,S3.1" syntax="tr:nth-child(2n+1) { border-color: pink; }" description="The :nth-child(an+b) pseudo-class notation represents an element that has an+b-1 siblings before it in the document tree, for any positive integer or zero value of n, and has a parent element." standard-reference="http://www.w3.org/TR/css3-selectors/#nth-child-pseudo" />
  <CssPseudo name=":nth-last-child(-n+2)" version="3.0" browsers="C,FF3.5,IE9,O9.5,S3.1" syntax="tr:nth-last-child(-n+2) { border-color: pink; }" description="The :nth-last-child(an+b) pseudo-class notation represents an element that has an+b-1 siblings after it in the document tree, for any positive integer or zero value of n, and has a parent element." standard-reference="http://www.w3.org/TR/css3-selectors/#nth-last-child-pseudo" />
  <CssPseudo name=":nth-last-of-type(n+2)" version="3.0" browsers="C,FF3.5,IE9,O9.5,S3.1" syntax="tr:nth-last-of-type(n+2) { border-color: pink; }" description="The :nth-last-of-type(an+b) pseudo-class notation represents an element that has an+b-1 siblings with the same expanded element name after it in the document tree, for any zero or positive integer value of n, and has a parent element." standard-reference="http://www.w3.org/TR/css3-selectors/#nth-of-type-pseudo" />
  <CssPseudo name=":nth-of-type(2n+1)" version="3.0" browsers="C,FF3.5,IE9,O9.5,S3.1" syntax="tr:nth-of-type(2n) { border-color: pink; }" description="The :nth-of-type(an+b) pseudo-class notation represents an element that has an+b-1 siblings with the same expanded element name before it in the document tree, for any zero or positive integer value of n, and has a parent element." standard-reference="http://www.w3.org/TR/css3-selectors/#nth-of-type-pseudo" />
  <CssPseudo name=":nth-match(div)" version="3.0" browsers="none" syntax="div:nth-match(p) { border-color: pink; }" description="Represents an element that has An+B-1 siblings that match the given selector list before it in the document tree." standard-reference="http://www.w3.org/TR/selectors4/#the-nth-match-pseudo" />
  <CssPseudo name=":nth-last-match(div)" version="3.0" browsers="none" syntax="div:nth-last-match(p) { border-color: pink; }" description="Represents an element that has An+B-1 siblings that match the given selector list after it in the document tree." standard-reference="http://www.w3.org/TR/selectors4/#nth-last-match-pseudo" />
  <CssPseudo name=":only-child" version="3.0" browsers="C,FF1.5,IE9,O9.5,S3.1" syntax="p:only-child { color: #f00; }" description="Represents an element that has a parent element and whose parent element has no other element children. Same as :first-child:last-child or :nth-child(1):nth-last-child(1), but with a lower specificity." standard-reference="http://www.w3.org/TR/css3-selectors/#only-child-pseudo" />
  <CssPseudo name=":only-of-type" version="3.0" browsers="C,FF3.5,IE9,O9.5,S3.2" syntax="p:only-of-type { color: #f00; }" description="The :only-of-type selector matches every element that is the only child of its type, of its parent. Same as :first-of-type:last-of-type or :nth-of-type(1):nth-last-of-type(1), but with a lower specificity." standard-reference="http://www.w3.org/TR/css3-selectors/#only-of-type-pseudo" />
  <CssPseudo name=":root" version="3.0" browsers="C,FF1,IE9,O9.5,S1" syntax=":root { padding: auto 3em; }" description="The :root pseudo-class represents an element that is the root of the document. In HTML 4, this is always the HTML element." standard-reference="http://www.w3.org/TR/css3-selectors/#root-pseudo" />
  <CssPseudo name=":target" version="3.0" browsers="C,FF1,IE9,O9.5,S1" syntax="h2:target { background-color: yellow; }" description="Some URIs refer to a location within a resource. This kind of URI ends with a 'number sign' (#) followed by an anchor identifier (called the fragment identifier)." standard-reference="http://www.w3.org/TR/css3-selectors/#root-pseudo" />
  <CssPseudo name="::selection" version="3.0" browsers="C,FF4,IE9,O9.5,S1.1" syntax="p::selection { color: red; }" description="The ::selection selector matches the portion of an element that is selected by a user. Only a few CSS properties can be applied to ::selection: color, background, cursor, and outline." standard-reference="http://www.w3.org/TR/css3-selectors/#selection" />
  <CssPseudo name="::before" version="3.0" browsers="C,FF1.5,IE10,O8,S1" syntax="div::before { content: 'abc'; }" description="Pseudo-element is used to insert content immediately before the content of an element (or other pseudo-element). The 'content' property is used to specify the content to insert." standard-reference="http://www.w3.org/TR/css3-content/#inserting" />
  <CssPseudo name="::after" version="3.0" browsers="C,FF1.5,IE10,O7,S4" syntax="div::after { content: 'abc'; }" description="Pseudo-element is used to insert content immediately after the content of an element (or other pseudo-element). The 'content' property is used to specify the content to insert." standard-reference="http://www.w3.org/TR/css3-content/#inserting" />
  <CssPseudo name="::first-line" version="3.0" browsers="C,FF1.5,IE10,O7,S1" syntax="p::first-line { color: green; }" description="The ::first-line pseudo-element describes the contents of the first formatted line of an element." standard-reference="http://www.w3.org/TR/css3-selectors/#first-line" />
  <CssPseudo name="::first-letter" version="3.0" browsers="C,FF1.5,IE10,O7,S1" syntax="p::first-letter { font-size: 200%; }" description="The ::first-letter pseudo-element represents the first letter of an element, if it is not preceded by any other content (such as images or inline tables) on its line." standard-reference="http://www.w3.org/TR/css3-selectors/#first-letter" />
  <CssPseudo name="::backdrop" version="3.0" browsers="none" syntax="*|*:fullscreen::backdrop { position: fixed; }" standard-reference="http://www.w3.org/TR/fullscreen/#::backdrop-pseudo-element" />
  <CssPseudo name=":fullscreen" version="3.0" browsers="none" syntax="iframe:fullscreen { border: none; }" standard-reference="http://www.w3.org/TR/fullscreen/#:fullscreen-pseudo-class" />
  <CssPseudo name="::cue" version="3.0" browsers="C,O16,S6" syntax="::cue { color: red; }" standard-reference="https://dvcs.w3.org/hg/text-tracks/raw-file/default/webvtt/Overview.html#the-cue-pseudo-element" />
  <CssPseudo name="::cue()" version="3.0" browsers="C,O16,S6" syntax="::cue(v(voice=woman)) { color: red; }" standard-reference="https://dvcs.w3.org/hg/text-tracks/raw-file/default/webvtt/Overview.html#the-cue-pseudo-element" />
  <CssPseudo name="::cue-region()" version="3.0" browsers="C,O16,S6" syntax="::cue-region { border: none; }" standard-reference="https://dvcs.w3.org/hg/text-tracks/raw-file/default/webvtt/Overview.html#the-cue-region-pseudo-element" />
  <CssPseudo name="::cue-region" version="3.0" browsers="C,O16,S6" syntax="::cue-region(v(voice=woman)) { color: red; }" standard-reference="https://dvcs.w3.org/hg/text-tracks/raw-file/default/webvtt/Overview.html#the-cue-region-pseudo-element" />
  <CssPseudo name=":past" version="3.0" browsers="C,O16,S6" syntax=":past { color: green; }" standard-reference="https://dvcs.w3.org/hg/text-tracks/raw-file/default/webvtt/Overview.html#dfn-past-pseudo-class" />
  <CssPseudo name=":future" version="3.0" browsers="C,O16,S6" syntax=":future { color: yellow; }" standard-reference="https://dvcs.w3.org/hg/text-tracks/raw-file/default/webvtt/Overview.html#dfn-future-pseudo-class" />
  <CssPseudo name="::content" version="3.0" browsers="C,FF,O" syntax="::content &gt; span { color: yellow; }" standard-reference="http://w3c.github.io/webcomponents/spec/shadow/#content-pseudo-element" />
  <CssPseudo name=":host" version="3.0" browsers="C,FF,O" syntax=":host { display: block; }" />
  <CssPseudo name=":host()" version="3.0" browsers="C,FF,O" syntax=":host(.myclass) { color: blue; }" />
  <CssPseudo name=":nth-column(2n+1)" version="3.0" browsers="none" syntax=":nth-column(2n+1) &gt; span { color: yellow; }" standard-reference="http://www.w3.org/TR/selectors4/#nth-column-pseudo" />
  <CssPseudo name=":nth-last-column(2n+1)" version="3.0" browsers="none" syntax=":nth-last-column(2n+1) &gt; span { color: yellow; }" standard-reference="http://www.w3.org/TR/selectors4/#nth-column-pseudo" />
</CssModule>