CSS3 基础

【伪元素选择器 】 /* first-line 设置第一行*/ p:first-line { color: crimson; } /* first-letter 设置第一个字符*/ p:first-letter { color: green; } /* before 设置列表项之前的样式*/ li:before { content: "--"; font-size: 10px; color: darkgrey; } /* after 设置列表项之后的样式*/ li:after { content: "注释内容"; font-size: 10px; color: darkgrey; } 【结构性伪类选择器】 :root /*设置页面顶级元素的样式*/ { background-color: Gray; } body /*如果同时设置了 root 和 body，那么body只设置内容部分的样式 */ { background-color: Black; } div *:not(h1) /*除了h1标签，其他div下元素都设置蓝色*/ { color: blue; } :empty /* 设置没有内容时的样式*/ { color: Green; } :target /* 设置页内超链接所指向区域的样式*/ { background-color: Orange; }