偽元素

偽元素被新增到選擇器，但它們不是描述特殊狀態，而是允許你設定文件的某些部分的樣式。

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;
}