IDセレクタ
ID(アイデンティティ)は、一般的にHTML文書に固有の番号タグを指定された多数の手段、です。IDタグセレクタとセレクタ、異なるスコープクラスセレクタ。
IDセレクタは、オブジェクトのスタイルを定義し、タグのクラスセレクタとセレクタは、スタイル複数のオブジェクトを定義することができます。
図の使用に示すように、プレフィックス番号としてセレクタにID番号は、次いで自己ID名は、定義されている
例:
<!doctype html>
<html>
<head>
<style type="text/css">
#box{/*ID样式*/
background: url("../photos/野外.jpg")center bottom;
height: 200px;
width: 400px;
border: solid 2px red;
padding: 100px;
}
</style>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="box">问君能有几多愁,恰似一江春水向东流</div>
</body>
</html>
結果:
また、範囲も、タグIDセレクタを指定することができます。構文に示すように定義は、IDセレクタメカニズムを指定します。
この方法では、スタイルの優先順位を上げることがあります。
ワイルドセレクタ##
HTML要素は同じ意味スタイルに対して必要なのであれば、その一つ一つが、彼らはスタイルを定義した、非常に面倒に感じるでしょう。このトラブルは、ワイルドカードセレクタを使用することによって解決することができます。
「*」を使用して固定されたセレクタシステムは、例えば、表します。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通配符选择器(理解)</title>
<base target="_self">
<style>
*{
color: red;
}
</style>
</head>
<body>
<h1>我是标题</h1>
<p>我是段落</p>
<a href="#">我是超链接</a>
</body>
</html>