H5属性选择器

1. 之前学过的选择器
   div{}
   .box 类名选择器
   #box id选择器
   div p 后代选择器
   div.box 交集选择器
   div,p,span 并集选择器
   div>p 子代
   *：通配符
   div+p:选中div后面的第一个p
   div~p：选中div后面的所有p

2. 属性选择器，[]通过属性来选择
   语法格式：语法：[title]:选中页面的E元素，并且E需要带有title属性

代码如下：
```div[class="box1"]{
     background-color: pink;
 }
/* 带class属性以aa开头*/
 div[class^="aa"]{
     background-color: black;
 }
 /*带class属性以aa结尾*/
 div[class$="aa"]{
     background-color: aquamarine;
 }
/*带有class值并且包含aa*/
div[class*="aa"]{
    background-color: purple;
}