IDセレクター
ID セレクターの定義と使用法:
文法構造 1:
#myid{ ルール }
この構文構造は、ID myid を持つ要素を選択できます。
文法構造 2:
E#myid{ sRules }
この文法構造は、ID myid を持つ E 要素を選択できます。
コード例:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文网</title>
<style type="text/css">
#mytest{
color:blue;
}
</style>
</head>
<body>
<div>
<ul>
<li id="mytest">php中文网欢迎您</li>
<li>php中文网</li>
</ul>
<p id="mytest">php中文网欢迎您</p>
</div>
</body>
</html>このコードでは、ID mytest の要素のテキストの色を青に設定できます。
特記事項: ID は HTML 文書全体で一意である必要がありますが、以下の文書では同じ ID を持つ要素が 2 つありますが、それでも必要な効果は得られますが、実際の操作ではこれを回避する必要があります。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文网</title>
<style type="text/css">
li#mytest{
color:blue;
}
</style>
</head>
<body>
<div>
<ul>
<li id="mytest">php中文网欢迎您</li>
<li>php中文网</li>
</ul>
<p>php中文网欢迎您</p>
</div>
</body>
</html>このコードでは、ID mytest の li 要素のテキストの色を青に設定できます。
新しいファイル
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文网</title>
<style type="text/css">
li#mytest{
color:blue;
}
</style>
</head>
<body>
<div>
<ul>
<li id="mytest">php中文网欢迎您</li>
<li>php中文网</li>
</ul>
<p>php中文网欢迎您</p>
</div>
</body>
</html>
プレビュー
Clear
- おすすめコース
- コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
このコースを視聴した生徒はこちらも学んでいます
