伪元素

伪元素表示页面中一些特殊的并不存在元素

::开头

p::first-letter/*第一个伪元素*/{
    font-size: 50px;
}
p::first-line/*第一行元素*/
{
    color: khaki;
}
p::selection/*选中的内容*/
{
background-color: lawngreen;
}
div::before/*元素的开始,第一个元素的前一个位置*/
{
    color: blue;
    content: 'abc';
}
div::after/*元素的末尾,这两个必须跟content的结合,且只能用于div*/
{
color: brown;
content: '';
}

 

posted @ 2021-02-14 13:20  俗气小博  阅读(59)  评论(0)    收藏  举报