属性选择器

属性选择器

 

 

 

 

 

 

存在id属性的元素   a[]{}
        a[id]{
            background: #ef0c0c;
        }

 

 

id=first的元素
a[id="first"]{
    background: blue;
}

 

class中有links的属性
a[class*="links"]{
    background: red;
}

 

 

选中href中以“女”结尾的元素

a[href$="女"]{
    background: red;
}

 

 

 

选中href中以“窈窕”开头的元素
a[href^="窈窕"]{
    background: red;
}

 

 

 

总结：
属性名 = 属性值（正则）
=　　 绝对等于
*=　　包含这个元素
^=　　以这个开头
$=　　以这个结尾