0

私が持っているとしましょう<p>hi my name is john</p>。spanを使用して文字を選択し、CSSを使用して他のテキストとは異なるスタイルにすることができることを認識しています。しかし、「名前」と「ジョン」を文の残りの部分と、そして互いに異なるものにしたい場合、これも可能ですか？もしそうなら、これはどのように達成されますか？

前もって感謝します！

4

3 に答える 3

4

Yoは~これにセレクターを使用できます。このように書く：

p span{ color: red;  }
p span ~ span{color:green}

これをチェックしてくださいhttp://jsfiddle.net/W4Vqk/1/

于 2012-04-20T05:11:24.560 に答える
2

おそらく私は要点を見逃していますが、あなたはあなた自身の質問に答えたようです。hiスパンタグでラップしjohnてから、cssを適用してスタイルを設定できることをご存知のようです。

http://jsfiddle.net/W4Vqk/ 

p span:first-child {  }
p span:last-child {  }

<p><span>hi</span>my name is <span>John</span></p>

または、クラス名を使用する

http://jsfiddle.net/ZegR2/

span.foo {  }
span.bar {  }

<p><span class="foo">hi</span>my name is <span class="bar">John</span></p>
于 2012-04-20T05:01:28.370 に答える
1

このようにしてください

<p>hi my <span>name</span> is <span>john</span></p>

cssで

p span { color:#666666; }

名前とジョンに異なるスタイルが必要な場合は、両方のスパンタグに異なるクラスを指定するだけです

于 2012-04-20T05:03:46.327 に答える