css - CSS3 標準に準拠したスタイルシートの作成方法

Question

新しいセレクターなどを使用してCSS3に準拠するように、新しいスタイルシートを作成する/現在のスタイルシートを変更する方法がよくわかりません...

border-top-right-radius: 5px;私の現在のスタイルシートは、単に無視するプロパティなどの新しいセレクターを取りません。

これらの新しい CSS3 機能をどのように使用できるか知っている人はいますか?

Answer 1

すべてのブラウザーが、あなたが言及しているようなプロパティを取るわけではありません。それはすべてブラウザーに依存します (すべてのブラウザーが CSS3 をサポートしているわけではありません)。例：

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

標準のもの (CSS3 による) が border-radius であっても、WebKit および Mozilla と互換性のあるブラウザーには -webkit および -moz を使用します。これは、すべてのブラウザーが CSS3 標準を使用しているわけではないためです。最終的にはそうなりますが、今はそうではありません。

私が書いた 3 行を含めることはできますが、標準とは見なされず、検証に失敗します (ただし、動作します)。

Answer 2

他の人が言ったように、「CSS3」または「CSS2」スタイルシートのようなものはありません。CSS スタイルシート標準は 1 つしかなく、CSS1、2、または 3 つのプロパティとセレクターを配置できます。

変更点はブラウザのサポートです。一部の新しいプロパティと CSS セレクターは、最近のブラウザーでのみ機能します。

http://caniuse.com/で自分で確認することをお勧めします。どの CSS3 プロパティとセレクターが広くサポートされていて、どの CSS3 プロパティとセレクターがサポートされていないかを確認できます。

http://cssprefixer.appspot.com/もご覧になることをお勧めします。サポートされていないセレクターでは役に立ちませんが、ファイル内の CSS プロパティにブラウザー固有のプレフィックスが追加されますが、これはほとんどのブラウザーで完全にサポートされていない可能性があります。