/ ***** Seletiva ****** /
/ * IE6 e inferior * /
* html #uno {color: red}
/ * IE7 * /
*: primeiro filho + html #dos {cor: vermelho}
/ * IE7, FF, Saf, Opera * /
html> body #tres {color: red}
/ * IE8, FF, Saf, Opera (tudo menos IE 6,7) /
html> / * / body #cuatro {color: red}
/ * Opera 9.27 e inferior, safari 2 * /
html: primeiro filho #cinco {color: red}
/ * Safari 2-3 /
html [> = “”] body: last-child #seis {color: red}
/ * safari 3+, chrome 1+, opera9 +, ff 3.5+ * /
body: enésimo de tipo (1) #siete {color: red}
/ * safari 3+, chrome 1+, opera9 +, ff 3.5+ * /
body: first-of-type #ocho {color: red}
/ * saf3 +, chrome1 + * /
@media screen e (-webkit-min-device-pixel-ratio: 0) {
diez {cor: vermelho}
}
/ * iPhone / mobile webkit * /
@media screen e (max-device-width: 480px) {
veintiseis {cor: vermelho}
}
/ * Safari 2 – 3.1 /
html [> = “”]: root #trece {color: red}
/ * Safari 2 – 3.1, Opera 9.25 /
* | html [> = “”] #catorce {color: red}
/ * IE6-8 * /
: root *> #quince {color: red}
/ * IE7 * /
* + html #dieciocho {color: red}
/ * Sadece Firefox. 1+ * /
veinticuatro, x: -moz-any-link {color: red}
/ * Firefox 3.0+ * /
veinticinco, x: -moz-any-link, x: default {color: red}
/ * FF 3.5+ * /
body: not (: – moz-handler-locked) #cuarenta {color: red; }
/ ***** Atributo ****** /
/ * IE6 * /
uma vez {_color: blue}
/ * IE6, IE7 * /
doce { cor: azul; / ou #color: blue * /}
/ * IE6 Herşey * /
diecisiete {color / ** /: blue}
/ * IE6, IE7, IE8, bazı durumlarda IE9 🙁 * /
diecinueve {cor: azul 9; }
/ * IE7, IE8 * /
veinte {cor / * /: azul 9; }
/ * IE6, IE7 -! Important gibi davranır * /
veintesiete {cor: azul! ie; } / *! dizisinden sonra herşey olabilir * /
/ * IE8, IE9 * /
outra {cor: azul 0 /;} / * tüm kuralların sonuca gitmeli * /
altura mínima: 300px;
// altura: 300px; / * Sadece E6, IE7’de eşleşir. * /
seletor, x: -IE7 {} / * Sadece IE7 /
seletor, {…} / lte ie7 /
.suckyie6.someClass {…} / lte ie6 * /
/ * IE6 – sadece bu karakterlerden herhangi biri * /
_ – £ ¬ ¦
/ * IE6 / 7 – sadece bu karakterlerden herhangi biri * /
! $ & * () =% + @,. / `[] # ~? : <> |
/ * @media hacks * /
/ * IE6 / 7 apenas (via Keith Clarke) * /
@media screen 9 {}
/ * IE6 /
7/8 (via Keith Clarke) * / @media 0screen , screen 9 {}
/ * IE8 (via Keith Clarke) * /
@media 0screen {}
/ * IE8 / 9 * /
@media screen 0 {}