伪元素
伪元素被添加到选择器,但它们不是描述特殊状态,而是允许你设置文档的某些部分的样式。
content
属性是伪元素渲染所必需的; 但是,该属性可以具有空值(例如 content: ""
)。
div::after {
content: 'after';
color: red;
border: 1px solid red;
}
div {
color: black;
border: 1px solid black;
padding: 1px;
}
div::before {
content: 'before';
color: green;
border: 1px solid green;
}