基本语法如下:
.selector::before {
content: "Your Content Here";
}
.selector::after {
content: "More Content Here";
}
这里,.selector 是你选择的元素,而 ::before 和 ::after 是伪元素,content 属性则规定了要插入的内容。这个内容可以是文本、图片的 URL,还可以是一些特殊的字符或计数器。
以下是一些使用 content 属性的例子:
/* 插入文本内容 */
.element::before {
content: "前缀: ";
}
/* 插入特殊字符 */
.element::after {
content: "\2022"; /* Unicode 码点表示的圆点符号 */
}
/* 插入计数器 */
.counter::before {
content: counter(section) ". ";
counter-increment: section;
}
请注意,content 属性在实际使用中经常与其他属性一起使用,以实现更复杂的效果。这包括设置伪元素的样式、位置、显示方式等。
转载请注明出处:http://www.zyzy.cn/article/detail/4172/CSS