前端基础知识学习---CSS3学习（四）伪元素选择器

伪元素选择器

伪元素包含这几种，::after，::before，::firstLetter，::firstLine，::selection

::after实例如下

#warp::after{
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    background: deeppink;
}

::firstLetter实例如下:将第一个字改变

<div>我是谁？</div>

div::first-letter{
    color: deeppink;
    font-size: 24px;
    font-weight: bold;
}

::firstLine实例如下：将第一行改变

<div>
    我是谁？<br>
    我来自哪里？<br>
</div>

div::first-line{
    color: deeppink;
    font-size: 24px;
    font-weight: bold;
}

::selection实例如下：改变鼠标选中时的状态

<div>我是谁？我来自哪里？</div>

div::selection{
    color: deeppink;
    background: white;
}