4

プロジェクトで「会社名」というテキストを置き換えたいと思います。ユースケースは、会社ごとに異なるスタイルシートを維持するだけで、会社ごとに (前処理後に) ドキュメントを生成することです。

ここではSEOはそれほど重要ではありません。

私はこのアプローチを使用しています：

html

<span class="company-name"> YourCompanyName </span>​

CSS

.company-name{font-size: 0}

.company-name:after{
      content: "New Company Name";
      font-size: 14px;
 }​

ここに jsFiddle http://jsfiddle.net/cN9gZ/があります

だからここに私の簡単な質問があります.cssのみを使用して同じことを行うより良い方法はありますか?

4

3 に答える 3

6

CSS でそのようなことを本当に行う必要がある場合は、以下がもう少し論理的で、リスクが少し少なくなります (通常の CSS の警告を念頭に置いてください)。

<style>
.company-name:after{
  content: "New Company Name";
}​
</style>
<span class="company-name"></span>

つまり、空のコンテンツを持つ要素を使用するため、ダミーのコンテンツを非表示にするためのトリックは必要ありません。

于 2012-08-01T07:08:00.823 に答える
1

css のみを使用して、同じことを行うより良い方法はありますか?

いいえ。他のすべての効果は、基本的に使用される同じ方法になります。元のコンテンツを非表示にして、疑似要素 (::afterまたは::before) に置き換えます。

検索エンジンはスタイルシートを無視する可能性が高く、奇妙な検索結果になる可能性があることに注意してください。ほとんどの場合、代わりにマークアップ内のフィックス コンテンツを置き換えることをお勧めします。ほとんどの場合、単純な検索と置換だけで済みます。JavaScript と CSS は無効にできますが、マークアップは無効にできません。

于 2012-08-01T06:54:48.357 に答える
1

CSS は、この種のことを想定して設計されていません。Javascript を使用するか、HTML コード自体を変更した方がよいでしょう。

CSS で求めていることを実行する方法は、CSS で行った方法以外にcontentありません。CSS はコンテンツを配置することを意図していないため、ほとんどの CSS スタイルではプロパティを使用できません。

于 2012-08-01T06:56:50.773 に答える