在HTML5代碼中,after是一個CSS偽類,用于在某個元素的后面設(shè)置樣式。
.selector:after { content: ""; }
上面的代碼表示,在選中所有具有class為selector的元素后面設(shè)置空內(nèi)容,可以使用content屬性添加內(nèi)容,并利用CSS屬性設(shè)置樣式。
該偽類主要用于實現(xiàn)一些視覺上的效果,比如添加箭頭、邊框等。同時可以與其他CSS屬性組合使用,如:
/* 添加箭頭 */ .selector:after { content: "\25bc"; margin-left: 5px; } /* 添加邊框 */ .selector:after { content: ""; border: 2px solid #000; display: block; }
需要注意的是,after偽類只能使用在含有內(nèi)容的元素上,比如
、
等塊級元素,而不能用于不含有內(nèi)容的元素,如、等行內(nèi)元素。
總之,after偽類極大地增強了CSS的功能,使我們能夠更加方便地實現(xiàn)各種UI設(shè)計效果。