尋找使用僞元素來創建一個三角形

Question

我最近看到克里斯Coyiers談論僞元素，並期待着嘗試做同樣的事情。

我希望得到一個箭頭指向的就對了

此內容的效果是我想要的目標

.overviews-list > li.active > ul.submenu > li.active 

李的位置，您可以從的jsfiddle見我要去的風格。我認爲需要改變的CSS位於CSS的頂部。

http://jsfiddle.net/T2HuD/1/

Answer 1

這將設置定位和創建一個向下的箭頭。這些數字是自定義的，可以調整以改變箭頭的大小及其位置。

.overviews-list > li.active > ul.submenu > li.active { 
position:relative; 
} 

.overviews-list > li.active > ul.submenu > li.active:after { 
position:absolute; 
content:""; 
width:0px; 
height:0px; 
border-top: 15px solid white; 
border-right: 15px solid transparent; 
border-bottom: 15px solid transparent; 
border-left: 15px solid transparent; 
top:25%; 
right:10px; 

} 

JS Fiddle

Answer 2

我做別的東西，但它應該爲你工作太...

.pdfLink:before { 
content:"\25BA"; 
color:#FF0000; 
font-family: Arial,Helvetica,sans-serif; 

}

我已經試過所有的工作守則。我不記得我是如何看待這種格式的char代碼的，但是如果你看看這個char description，格式就很明顯了。