@media screen and (device-aspect-ratio: 16/9) { … }

@media screen and (device-aspect-ratio: 1280/720) { … }

@media screen and (device-aspect-ratio: 2560/1440) { … }

​

html:lang(fr-be)

​

tr:nth-child(2n+1) /* represents every odd row of an HTML table */

​

img:nth-of-type(2n+1) { float: right; }

img:nth-of-type(2n) { float: left; }

​

body > h2:not(:first-of-type):not(:last-of-type)

​

html|*:not(:link):not(:visited)

*|*:not(:hover)

p::first-line { text-transform: uppercase }

​

@namespace foo url(http://www.example.com);

foo|h1 { color: blue }  /* first rule */

​

span[hello="Ocean"][goodbye="Land"]

​

E[foo]{

  padding:65px;

}

​

input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button {