css after 覆盖 |让浏览器缓存css

.some-selector:after {
content: "Example";
color: white;
background: black;
font-size: 1.2rem;
padding: 0.5rem;
border-radius: 5px;
position: absolute;
top: -10px;
left: -10px;
z-index: 1;
}
.some-selector {
position: relative;
z-index: 0;
}

上面的代码演示了如何使用:after在元素的前面添加一个黑色背景、白色文本的内容。这里大家可以使用!important关键字来覆盖元素的样式，确保:after的样式优先级较高。

但是，使用!important也会带来一些问题，比如可能会导致样式冲突、全局样式受到影响等问题。因此，建议在编写CSS时，避免使用!important关键字，并谨慎使用:after伪元素覆盖原有样式。