SafariのみにCSSを適用する記述方法

Safariだけなんで仕様がちがうんじゃあああぁあぁぁ(´;ω;`)(心の叫び)

こんにちは、こんばんは!

Android・Windows(Chrome)推奨委員会(※ない)の会員、あおです!

SafariだけCSSが上手く適用されず、表示が崩れたときなどに、SafariにのみCSSを適用させる方法です。

// 最新のsafari用
_::-webkit-full-page-media, _:future, :root .text {
	color: red;
}
// 古いsafari用
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .text {
		color: red;
	}
}

上記の記述で、Safariの場合のみ「.text」の文字色を赤にすることができます!