トップページ  > CSS3  > E:target

★CSS3リファレンス

E:target …… リンクのターゲット先となるE要素
Internet Explorer9 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6 Safari3Safari4Safari5 Opera10

E:targetは、疑似クラスの一種で、 リンクのターゲット先となるE要素にスタイルを適用する際に使用します。

■セレクタの書式・スタイルを適用する対象

書式
E:target {プロパティ名:値;}
適用対象
リンクのターゲット先となるE要素

■使用例

スタイルシート部分は外部ファイル(sample.css)に記述。

:target {background-color:#33FFFF;}

HTMLソース

<html>
<head>
<link rel="stylesheet" type="text/css" href="sample.css">
</head>
<body>

<ul>
<li><a href="#today">今日のお天気</a></li>
<li><a href="#tomorrow">明日のお天気</a></li>
</ul>

<div id="today">
<h2>今日のお天気</h2>
<p>今日は<strong>晴れ</strong>です。</p>
</div>

<div id="tomorrow">
<h2>明日のお天気</h2>
<p>明日は<strong>雨</strong>です。</p>
</div>

</body>
</html>
↓↓↓

ブラウザ上の表示

今日のお天気

今日は晴れです。

明日のお天気

明日はです。

トップページ  > CSS3  > E:target
© HTMQ