:before選擇器

在每個元素的內容之前插入新內容：

<p>小哪吒</p>

p:before{
    content: '我們的朋友：';
}


:before選擇器和:after選擇器一樣，不過是一個在元素前插入新內容，一個在元素后插入新內容

h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    height: 24px;
    width: 4px;
    background: #0984e3;
}


圖中的藍色線就是用:before選擇器寫出來的

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,814評論 1贊 92
  • 這兩年，看開了許多事情，沒什么非你不可，也沒什么不可失去。愿意留下來的人，就好好相處，彼此信任；想要遠走的，就揮揮...
    海盜lucifer閱讀 114評論 0贊 0
  • 2017.12.29.星期五大霧 今天照常上班，不過好開心，為了慶祝元旦，我們放假三天。快下班了，我們就...
    899037e3b5bb閱讀 236評論 0贊 0
  • 多少人在某個夜晚輾轉難眠 卻因他的一句詩歌得到了慰藉 感激他寫出那句 ——我放下過天地卻從未放下過你 所有的故事都...
    d69c9301a02e閱讀 200評論 0贊 1