CSS括弧とは何ですか

css 括弧は属性セレクターです。特定の属性を持つ HTML 要素スタイルはクラスと ID だけではありません。IE7 と IE8 では属性セレクターをサポートするには「!DOCTYPE」を宣言する必要がありますが、IE6 以前のバージョンでは属性セレクターはサポートされていません。サポートされました。

このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。

推奨: css ビデオ チュートリアル

CSS 括弧とは何ですか?

css 括弧は属性セレクターです。

特定の属性を持つ HTML 要素のスタイルは、class と id だけではありません。

注: 属性セレクターをサポートするには、IE7 および IE8 で!DOCTYPE を宣言する必要があります。 IE6 以前のバージョンは属性セレクターをサポートしていません。

属性セレクター

次の例では、タイトルを含むすべての要素が青に変わります。

Example

[title]
{
    color:blue;
}

属性と値セレクター

次の例は、タイトル title='runoob' 要素の境界線のスタイルを変更します:

Example

[title=htmlcn]
{
    border:5px solid green;
}

属性と値のセレクター - 複数値

以下は指定された値を持つ title 属性を含む要素スタイルの例。(~) を使用して属性と値を区切ります:

Example

[title~=hello] { color:blue; }

以下は、lang 属性を持つ要素です。指定された値が含まれています。スタイルの例、(|) を使用して属性と値を区切ります:

Example

[lang|=en] { color:blue; }

フォーム スタイル

属性セレクター スタイルは使用する必要はありません。クラスまたは ID の形式:

Example

input[type="text"]
{
    width:150px;
    display:block;
    margin-bottom:10px;
    background-color:yellow;
}
input[type="button"]
{
    width:120px;
    margin-left:35px;
    display:block;
}

以上がCSS括弧とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。