CSS中的content属性是用于插入生成内容(generated content)到HTML页面元素内部或外部,通常与伪元素(pseudo-element)一起使用。生成内容可以是文本、图像、样式等,且其创建方式不依赖于文档源代码中的具体内容。这使得开发者有更多的控制权利,能够更加方便地实现各种效果。
一些关键词如下:
- 生成内容(generated content):指从CSS中添加的内容,因为它们并未出现在HTML中,所以被称为“生成内容”。
- 伪元素(pseudo-element): 在CSS选择器中使用,代表某个元素的特殊部分,例如::before和::after伪元素。
- 插入(insert):将生成的内容添加到文档底部或标记内部
- 样式(style):指应用于生成内容的CSS样式,例如颜色、大小、字体等。
- 内容类型(content type):指生成内容的类型, 可以是文本字符串, URL, counter, attr...
需要注意的是,这个属性只能用于::before
和::after
伪元素。此外,创建的伪元素不会在DOM树中出现,也无法通过JavaScript访问或操纵他们。
2023-05-24 13:35:50 更新