-
之前学过的选择器
div{}
.box 类名选择器
#box id选择器
div p 后代选择器
div.box 交集选择器
div,p,span 并集选择器
div>p 子代
*:通配符
div+p:选中div后面的第一个p
div~p:选中div后面的所有p -
属性选择器,[]通过属性来选择
语法格式:语法:[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;
}