asp.net - cssでコンテンツブロックをローカライズするには?

Question

そのため、CSS コンテンツを使用して、本当に「スタイル」固有のテキストを配置することがかなり一般的な方法になっています。例えば

.label:after { content: ":"; }

ただし、この種のことは文化によって異なることが指摘されました。ええとああ。

CSS ファイルは通常、asp.net プロセッサを介して渡されないため、リソースファイルにアクセスできないため、このようなことを処理するための適切なパターンはありますか。

score 11 · Accepted Answer

I really like this question so I thought about it a bit. Would this be a good approach for you?

<label data-after=":">Name</label>

Then, in your CSS you can do:

label:after {
  content: attr(data-after);
}

It should be pretty easy to polyfill for browsers that don't support it using Modernizr. I think it would add a no-generatedcontent class.

Another though... How about this approach?

html label:after { content: '' }
html[lang=en] label:after { content: ':' }

score 4 · Accepted Answer

このアプローチはどうですか？属性に応じて切り替えることができlangます。

html label:after { content: '' }
html[lang=en] label:after { content: ':' }

score 2 · Accepted Answer

これを PHP で行う場合 (スクリプト言語は重要ではなく、実装の詳細に影響するだけです)、ローカリゼーションに依存するすべてのルールを含む CSS ファイルをセットアップします。

たとえば、local-en.cssなどlocal-fr.cssです。

サイトテンプレートでは、ローカリゼーションフラグを確認し、ファイルの順序を考慮して適切な CSS ファイルをロードまたはリンクして、すべての CSS ルールが正しくカスケードされるようにします。

3 に答える 3