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>

提出するリセットコード

自動運転