1. 程式人生 > >結構(位置)偽類選擇器(CSS3)

結構(位置)偽類選擇器(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:"結束";
}