1. 什么是 `CSS3`

在 CSS2 的基础上拓展、新增的样式

2. `CSS3` 发展现状

浏览器支持程度差，需要添加私有前缀
移动端支持优于 PC 端
CSS3 目前还草案，在不断改进中
CSS3 相对 H5，应用非常广泛

3. 属性选择器列表

选择符	简介
E[att]	选择具有att属性的E元素
E[att=”val”]	选择具有att属性且属性值等于val的E元素
E[att^=”val”]	匹配具有att属性、且值以val开头的E元素
E[att$=”val”]	匹配具有att属性、且值以val结尾的E元素
E[att*=”val”]	匹配具有att属性、且值中含有val的E元素

类选择器、属性选择器、伪类选择器，权重为 10

4. 属性选择器代码演示

button {
  cursor: pointer;
}
button[disabled] {
  cursor: default
}

input[type=search] {
  color: skyblue;
}

span[class^=black] {
  color: lightgreen;
}

span[class$=black] {
  color: lightsalmon;
}

span[class*=black] {
  color: lightseagreen;
}
复制代码