CSS3 仕様は主要なブラウザーに部分的に実装されており、少ないコードで非常に優れた結果が得られますが、CSS3 を使用しない理由はたくさんあります。たとえば、下位互換性がない、おそらく異なるブラウザーでレンダリングされたビューが似ていないなどです。
だから私は自分自身に問いかけています:上記で説明したように、デフォルトの問題をインターセプトするオプションを備えたCSS3を使用する最良の方法はどれですか?
サイトが正常に劣化する限り、現在 CSS3 を使用しても問題はありません。結局、ブラウザが特定の CSS ルールを理解できない場合、それは単に無視されます:
#foo {
border:1px solid #000; /* shown by all browsers */
border-radius:5px; /* shown if browser understands border-radius */
-moz-border-radius:5px; /* Firefox only */
-webkit-border-radius:5px; /* Safari and Google Chrome */
}
使用したい CSS3 ルールをサポートしていないブラウザーでサイトが壊れているように見えない限り、それらをサポートしているブラウザーでサイトを徐々に拡張しても問題ありません。
"When can I use..."は、合理的に使用できる機能を確認するのに役立つ場合があります。
公開 Web サイトを作成する場合は、ie6 をサポートする必要があります。つまり、CSS 2.1 はもちろん、3.
あなたが試すことができる1つのことは次のとおりです。lesscss
これにより、簡略化された css 表記を使用して、ビルド時に有効な css に「コンパイル」できます。