伪类/伪元素的content与attr

content属性用于通过CSS向:before、:after里填写内容

• 带引号的文本 content:"hello world";
• attr属性获取元素属性内容

<div data-line="1"></div>

div:after { 
    content: attr(data-line); /* 属性名不需要加引号 */
}

• 组合使用

<div data-line="1"></div>

div[data-line]:after { 
    content: "[line " attr(data-line) "]"; 
}