8 属性选择器，重要

class + id 的结合

/*属性选择器：在一类标签中选择某一属性的标签  a[]{}
1.属性名； 2.属性名 = 属性值；
下面的这些都属于正则表达式
 =  绝对等于
 *= 包含
 ^= xxx  以xxx开头
 $= xxx  以xxx结尾
*/
/*align：使一致*/
/*radius：半径*/
/*margin：边缘*/

.demo a{
    float: left;
    display: block;
    height: 50px;
    width: 50px;
    text-align: center ;
    font: bold 20px/50px Arial;
    /*彻底居中处理*/
    border-radius: 10px;
    background: #32c735;
    text-decoration: none;
}

/*属性选择器*/
a[id="1"]{
    background: red;
}
a[class*=b]{
    background: blue;
}
a[href^=http]{
    background: yellow;
}
a[href$="jpg"]{
    background: black;
}

<a href="" class="a " id="1">1</a>
<a href="" class="b c " id="2">2</a>
<a href="http://baidu.com" class="c d " id="3">3</a>
<a href="a.jpg" class="e f " >4</a>