属性セレクタ（CSSセレクタ）

識別のための番号を使用して要約し、[プロパティ]タブを通じて要素の特性に一致するように選択されます。

見やすさのために、それらへのページのHTML CSSコード。

今タイトルで、このプロパティのすべての属性を持つページのタイトルタグを選択します。

<！DOCTYPE HTML > 
< HTML のlang = "EN" > 
    < ヘッド> 
        < メタのcharset = "UTF-8" > 
       
        < スタイル> 
         [タイトル] { 
            色：赤。
         } 

        </ スタイル> 
    </ ヘッド> 
    < 身体> 
     < ボタンのタイトル= "登录"  >登录</ ボタン> 
     < ボタン>登录<
    ボディ> 
</ HTML >

今、内部の属性値によってtitle属性を選択します。フォントサイズ変更フォントサイズ、フォントの太さの変化のフォント幅。

<！DOCTYPE HTML > 
< HTML のlang = "EN" > 
    < ヘッド> 
        < メタのcharset = "UTF-8" > 
       
        < スタイル> 
         [タイトル= "登录"] { 
            色：赤。
         } 
        [タイトル= "注册"] { 
            色：緑。
            フォントサイズ：18px ; 
            フォント重量：600 ; 
        } 
        </ スタイル> 
    <
    < ボディ> 
     < ボタンのタイトル= "ログイン"  >ログイン</ ボタン> 
     < ボタンのタイトル= "登録"  >登録</ ボタン> 
     
    </ ボディ> 
</ HTML >

これは、プロパティのプロパティ値を選択することで確認されました。フォーマット：[属性= "ALL"] {}

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
    < 頭> 
        < メタのcharset = "UTF-8" > 
       
        < スタイル> 
      [タイトル= "これは、Baiduのある"] { 
     色：赤; 
      } 
        </ スタイル> 
    </ ヘッド> 
    < 身体> 
     < ボタンのタイトル=「クリックしてログインする」 >ログイン</ ボタン> 
     < ボタンのタイトル=「登録」 >登録</ボタン> 
     < タイトル= "这是百度"   のhref = "https://wwww.baidu.com" > Baiduの</ A > </ ボディ> </ HTML >

属性プロパティ値の属性値の先頭を選択することで確認しました。フォーマット：[プロパティ^ = "トップ"] {}

<！DOCTYPE HTML > 
< HTML のlang = "EN" > 
    < ヘッド> 
        < メタのcharset = "UTF-8" > 
       
        < スタイル> 
      [タイトル^ = "这是"] { 
     色：赤。
      } 
        </ スタイル> 
    </ ヘッド> 
    < 身体> 
     < ボタンのタイトル= "点击登录"  >登录</ ボタン> 
     < ボタンタイトル= "注册" ボタン> 
     < タイトル= "这是百度"   のhref = "https://wwww.baidu.com" > Baiduの</ A > </ ボディ> </ HTML >

プロパティの選択した属性値の終わりが選択すること。フォーマット：[属性$ = "終了"] {}

<！DOCTYPE HTML > 
< HTML のlang = "EN" > 
    < ヘッド> 
        < メタのcharset = "UTF-8" > 
       
        < スタイル> 
      [タイトル^ = "点击"] { 
     色：赤。
      } 
        </ スタイル> 
    </ ヘッド> 
    < 身体> 
     < ボタンのタイトル= "点击登录"  >登录</ ボタン> 
     < ボタンタイトル= "注册" ボタン> 
     < タイトル= "这是百度"   のhref = "https://wwww.baidu.com" > Baiduの</ A > </ ボディ> </ HTML >

2019年8月24日10時48分26秒

属性セレクタ（CSSセレクタ）

おすすめ