1. 伪元素选择器

概念： 伪元素选择器在C3中设定前面加两个冒号。

2. 块首行选择器

概念： 匹配块级元素的首行内容，这里所说的首行，以浏览器显示的第一行为第一行，而与编辑器里的代码无关。

布局：

<p>当你走进这欢乐场，背上所有的梦与想，各色的脸上各色的妆，没人记得你的模样</p>
<p>三巡酒过你在角落，固执的唱着苦涩的歌，听他在喧嚣里被淹没，你拿起酒杯对自己说</p>

样式：

p::first-line{ 
    color:red;
}

3. 块首字选择器

概念： 匹配块级元素的首字内容。

布局：

<p>一杯敬朝阳，一杯敬月光，唤醒我的向往，温柔了寒窗</p>
<p>于是可以不回头的逆风飞翔，不怕心头有雨，眼底有霜</p>
<p>一杯敬故乡，一杯敬远方，守着我的善良，催着我成长</p>
<p>所以南北的路从此不再漫长，灵魂不再无处安放</p>
<p>一杯敬明天，一杯敬过往，支撑我的身体，厚重了肩膀</p>
<p>虽然从不相信所谓山高水长，人生苦短何必念念不忘</p>
<p>一杯敬自由，一杯敬死亡，宽恕我的平凡，驱散了迷惘</p>
<p>好吧天亮之后总是潦草离场，清醒的人最荒唐</p>

样式：

p::first-letter{ 
    font-size: 30px;
}

4. 文本前插选择器

概念： 配合content属性名使用，在文本前插入另一文本。

布局：

<a href="#">跳入</a>

样式：

a::before{ 
    content: "点击";
}

5. 文本后插选择器

概念： 配合content属性名使用，在文本后插入另一文本。

布局：

<a href="#">跳入</a>

样式：

a::after{ 
    content: "百度";
}