CSS :after 选择器

资料来源：网络整理时间：2023/2/14 0:04:49 共计：3616 浏览

实例

在每个 <p> 元素的内容之后插入新内容：

p:after { 
content:"台词：";
}

亲自试一试

IE	Firefox	Chrome	Safari	Opera

所有主流浏览器都支持 :after 选择器。

注释：对于 IE8 及更早版本中的 :after，必须声明 <!DOCTYPE>。

:after 选择器在被选元素的内容后面插入内容。

请使用 content 属性来指定要插入的内容。

在每个 <p> 元素后面插入内容，并设置所插入内容的样式：

p:after { 
content:"台词：-";
background-color:yellow;
color:red;
font-weight:bold;
}

亲自试一试

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。