结构(位置)伪类选择器（CSS3)

li:first-child { /* 选择第一个孩子 */
color: pink;
}
li:last-child { /* 最后一个孩子 */
color: purple;
}
li:nth-child(4) { /* 选择第4个孩子 n 代表 第几个的意思 */
color: skyblue;
}

p::first-letter {
font-size: 20px;
color: hotpink;
}

/* 首行特殊样式 */
p::first-line {
color: skyblue;
}

p::selection {
/* font-size: 50px; */
color: orange;
}

div::befor {
content:"开始";
}
div::after {
content:"结束";
}