CSS中的:after偽元素可以用來在元素內容的后面插入一些內容。在HTML元素的內部插入偽元素，可以使用偽元素的content屬性來添加所需要的內容。但是在某些情況下，我們可能需要使用:after覆蓋元素的原有樣式，這時候就要用到!important關鍵字。

.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偽元素覆蓋原有樣式。