CSS3 列表刪除特效是一種非常常用的效果。 在許多網頁設計中，我們經常需要對一些信息進行刪除或者添加、編輯等功能，而這些操作左側通常需要有一個小小的標記來表示。這就是CSS3 列表刪除特效。

/* 定義刪除線 */
del {
text-decoration: line-through;
}
/* hover顯示不同的顏色 */
del:hover {
color: red;
text-decoration: none;
}
/* 添加無序列表的樣式 */
ul {
list-style-position: inside;
}
/* 利用偽元素添加刪除線后綴 */
li {
position: relative;
}
li:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #aaa;
top: 50%;
left: 0;
z-index: -1;
}
li:after {
content: "X";
position: absolute;
right: 0;
top: 0;
font-size: 12px;
color: #aaa;
}
li:hover:after {
cursor: pointer;
color: #f00;
}

CSS3 列表刪除特效的實現代碼如上所示。其中，首先利用del標簽定義該文字需要添加刪除線。然后，鼠標懸停在文字上方時，還可以添加其他效果比如顏色，看起來更炫酷。接下來，在無序列表中，使用偽元素為每個li添加刪除線的設計，以及顯示刪除的標志符號。當鼠標懸停在該項目上方時，可以顯示一個紅色的“X”，提醒用戶該項目可以被刪除。這些代碼的使用可以大大提升網頁的用戶友好性和美觀度。