1

<p>CSS の擬似クラス セレクターを使用して、タグに含まれるテキストを変更するにはどうすればよいですか?

たとえば、段落にカーソルを合わせると、段落の内容がp:hoverセレクターで指定された内容に変更される必要があります。

4

2 に答える 2

5

jsFiddle.

1 つの方法は、属性p:hover:beforeと共に使用することです。content

次に例を示します。

HTML:

<p>
<span>First text!</span>
</p>

CSS:

p:hover span {
  display:none
}
p:hover:before {
  content:"Second text appears instead!";
  color:red;
}

このプロパティについて詳しく知りたい場合は、この素敵な小さな記事contentをチェックしてください。

于 2013-05-15T16:16:03.440 に答える