CSS3中有一個很有用的屬性叫做content,可以用它來插入一些特殊字符,比如箭頭。
.arrow:before { content: '?'; }
上面的代碼就是將一個實心的右箭頭插入在類名為arrow的元素前面。需要注意的是,如果要在偽元素中使用content屬性,必須同時添加content和display屬性。
還可以使用unicode編碼來插入一些特殊字符。
.arrow:before { content: '\2192'; }
上面的代碼將同樣會在類名為arrow的元素前面插入一個右箭頭,\2192是右箭頭的unicode編碼。
如果想顯示一個空心的箭頭,可以使用html實體字符進行插入。
.arrow:before { content: '➔'; }
上面的代碼就是將一個空心的右箭頭插入在類名為arrow的元素前面。需要注意的是,使用html實體字符進行插入時,要確保所在的文檔使用了正確的字符編碼。