:before，after和其餘僞元素添加

div:nth-of-type(2)::before{
    /*必須添加content屬性，不然後期不可見*/
    content: "";
    /*默認是行級元素，若是想設置寬高，就必須轉換爲塊級元素*/
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 10px;
    left: -10px;
    top: -10px;
}
div:nth-of-type(2)::after{
    /*必須添加content屬性，不然後期不可見*/
    content: "";
    /*默認是行級元素，若是想設置寬高，就必須轉換爲塊級元素*/
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 10px;
    left: -10px;
    bottom: -10px;
}

/*獲取第一個字符：實現首字下沉*/p::first-letter{    color: red;    font-size: 30px;    float: left;/*文本環繞*/}/*獲取第一行內容:若是設置了::first-letter,那麼沒法同時設置它的樣式*/p::first-line{    text-decoration: underline;}/*設置當前選中內容的樣式*/p::selection{    background-color: pink;    color: red;    /*它只能設置顯示的樣式，而不能設置內容大小*/    /*font-size: 30px;*/}