html - HTML + CSS：単純なテキストにクラス/IDを追加します

Question

私は現在、おそらく非常に些細な問題で立ち往生しています：

テキスト付きの単純なHTML/CSSページがあります。

<head></head>
<body>
    This is a Text about Foobar.
</body>

Textフォーマットを壊さずにCSS-class/idを単語に割り当てるにはどうすればよいですか？.yellow黄色の背景でテキストを表示するクラスを追加するとします。

何かが頭を悩ませているのは、それほど難しいことではないからだと思います...しかし、グーグルでできることはすべて（ほとんどの場合、些細なチュートリアル）、通常のHTML要素でCSSを使用します。

score 20 · Accepted Answer

タグを見逃していると思います。これを試してください：

<head></head>
<body>
    This is a <span class="yellow">Text</span> about Foobar.
</body>

そしてCSSで：

.yellow{
color:yellow;
}

score 4 · Accepted Answer

インライン要素を使用します。スパンはそのための目的のビルドです。または、強調表示されたセクションの背後にセマンティックな意味を持たせたい場合は、スタイルを変更するか、次のようなものを使用できます。

strong.highlight{
    font-weight:normal;
    font-style:normal;
    background:yellow;
}

score 3 · Accepted Answer

次のようにセクションをスパンでラップするだけです。

<span>This is a <span class='yellow'>Text</span> about Foobar.</span>

ここで実際の例を参照してくださいhttp://jsfiddle.net/dZZfB/

それが役立つことを願っています

4 に答える 4