Chromeのみ、Firefoxのみに適用させるCSSハック【CSS】

CSSハックを適用させる場合、IEの古いバージョンのみに適用させることが多いのですが、 IEではなく、ChromeのみとかFirefoxのみに適用させなければならない稀なケースがあり、これらに対応する場合に記述したことをメモとして残しておきます。

Firefoxのみ

ここに書いてあったのを参考に下記のように記述 

@-moz-document url-prefix() {
	Selector {
		margin-top: 0;
	}
}

Chromeのみ

禁断(謎)の-webkit-min-device-pixel-ratioを使う

@media screen and (-webkit-min-device-pixel-ratio:0) {
	Selector {
		margin-top: 0;
	}
}

こういうCSSハックなしで実装できればよいのですが、ブラウザの謎の挙動にCSS八苦（ハック）するばかりです（おい。