在CSS2`的基础上拓展、新增的样式
1.属性选择器列表
button { cursor: pointer;}button[disabled] {(脱机使用打印机是什么意思:当电脑上显示出“脱机使用打印机”时,就表示电脑和打印机的连接已经断开,需要重新连接才能使用。) cursor: default}input[type=search] { color: skyblue;}span[class^=black] { color: lightgreen;}
2.结构伪类选择器
.box div:last-child { background-color: purple; transform: rotateX(60deg); }
3.伪元素选择器
伪类选择器注意事项
before
和 after
必须有 content
属性before
在内容前面,after 在内容后面before
和 after
创建的是一个元素,但是属于行内元素创建出来的元素在 Dom
中查找不到,所以称为伪元素伪元素和标签选择器一样,权重为 1