CSS3.0新特性

什么是 CSS3？

在CSS2`的基础上拓展、新增的样式
1.属性选择器列表

attrcanshu.png

例子：

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

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

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

2.结构伪类选择器

jiegouweilei.png

.box div:last-child {
            background-color: purple;
            transform: rotateX(60deg);

   }

3.伪元素选择器

weiyuansu.png

伪类选择器注意事项

• before 和 after 必须有 content 属性
• before 在内容前面，after 在内容后面
• before 和 after 创建的是一个元素，但是属于行内元素
• 创建出来的元素在 Dom 中查找不到，所以称为伪元素
• 伪元素和标签选择器一样，权重为 1

4. 2D 3D 转换之 translate