cssファイル全体のすべてのカラーコード#XXYYZZを短い3文字バージョン#XYZに変換する方法は?
3 に答える
短い 3 文字バージョンに変換できるのは、次のように表現された色のみです: #RRGGBB ここで、1 番目と 2 番目の文字が同じで、3 番目と 4 番目の文字が同じで、5 番目と 6 番目の文字が同じです。
So: #CC00DD
can は短縮できますが、短縮#C0D
でき#CC01DD
ません。
CSS ファイルで可能なすべての色を短縮する簡単な方法は、正規表現 (Linux の kwrite や kate など) をサポートするエディターでファイルを開き、次の正規表現を (大文字と小文字を区別せずに) 置き換えることです。
#([0-9A-F])\1([0-9A-F])\2([0-9A-F])\3
この置換テキストで:
#\1\2\3
ケイトでテスト済み。
それ以外の場合は、このツールを使用して、カラー コードのみを圧縮する必要がある場合は、[可能な場合はカラー コードを圧縮する] 以外のすべてのオプションのチェックを外すことができます。
CSS ファイルのダウンロード サイズを最小限に抑えることのみに関心がある場合は、利用可能な多くの CSS コンプレッサ (このようなもの) のいずれかを使用できます。そして、あなたがそれをしている間、必ずあなたのjavascriptファイルで同じことをしてください.
CSS カラーコードを 3 文字バージョンに短縮できるのは、フォームが次の場合のみです。
#XXYYZZ
その後、それらは省略できます
#XYZ
この要件を満たすコードは 216 種類しかありません。