Таблица CSS-хаков

2008-03-18 / Рубрика: CSS

Представляю вашему вниманию таблицу хаков для некоторых распространённых браузеров.

Если браузер отображает свойство — значит плюс, если нет — минус.

Браузер	Opera	FireFox		IE			Safari
Версия	9.26	1.5	2	5.5	6	7	3
@media all and (min-width: 0) { .sample { background-color: #F00; }}	+	-	-	-	-	-	+
html:first-child .sample { background-color: #F00; }	+	-	-	-	-	-	-
html:root .sample { background-color: #F00; }	-	+	+	-	-	-	+
.sample, x:-moz-any-link { background-color: #F00; }	-	+	+	+	-	+	-
html>body .sample { background-color: #F00; }	+	+	+	-	-	-	+
html>/**/body .sample { background-color: #F00; }	+	+	+	-	-	-	+
html[xmlns*=""] body:last-child .sample { background-color: #F00; }	-	-	-	-	-	-	+
.sample { _background-color: #F00; }	-	-	-	+	+	+	-
* html .sample { background-color: #F00; }	-	-	-	+	+	+	-
*:first-child+html .sample { background-color: #F00; }	-	-	-	-	-	-	-
*+html .sample { background-color: #F00; }	-	-	-	-	-	-	-

Работоспособность хаков проверялась с помощью сервиса http://browsershots.org/. На тестовой странице не было DOCTYPE.

По результатам тестов последние два правила в таблице не работают ни в одном из браузеров. Дело в том, что я встречал в Интернете примеры этих хаков и счёл нужным добавить их в таблицу.