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;
}