CSSのIDセレクタ&ワイルドセレクタ

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>

おすすめ

転載: www.cnblogs.com/kangna/p/11922765.html