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>