CSS3中的偽元素使得我們在設計和排版頁面時更加靈活方便，其中amp前綴就是偽類的一種。在使用amp前綴時，我們可以在某個元素的前面或者內部添加一個元素，通過設置樣式來達到特殊的效果。

/* 在某個元素前添加內容 */
element:amp-before {
content: "前綴內容";
}
/* 設置前綴任意的樣式 */
element:amp-before {
font-size: 20px;
color: #333;
}
/* 使用前綴元素作為提示框 */
.tooltip:amp-before {
content: attr(data-tooltip);
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0,0,0,.8);
color: #fff;
font-size: 14px;
padding: 5px 10px;
border-radius: 3px;
z-index: 999;
}

通過上面的代碼可以看出，使用amp前綴可以達到很多不同的效果，例如在input框前面添加提示圖標、在列表前面添加序號等等。同時，我們還可以通過before和after偽類組合來實現更加復雜的效果。

需要注意的是，在使用amp前綴時需要在選擇器中添加冒號，否則會出現語法錯誤。此外，在有些情況下瀏覽器的兼容性不是很好，所以需要考慮好使用場景。