面试题：CSS伪元素选择器::before和::after的基础应用

Question

请使用CSS的::before和::after伪元素选择器，在一个div元素的前后分别添加一段文字，并且为添加的文字设置不同的颜色和字体大小。假设div的class为'my - div'，写出完整的CSS代码。

Answer 1

.my-div::before {
  content: "前面的文字";
  color: red;
  font-size: 16px;
}

.my-div::after {
  content: "后面的文字";
  color: blue;
  font-size: 14px;
}