如何在CSS中引導面板標題後插入HTML符號？

Question

我將一個>符號添加到引導面板的末尾，以便它在切換時展開面板。

但是，當我將大於符號的HTML character entity>添加到此轉換的CSS樣式。它呈現爲符號的HTML代碼，而不是符號：

完整的例子，我從位於此處服用此：

http://www.prepbootstrap.com/bootstrap-template/faq-example

你怎麼能渲染HTML使用CSS的面板內的特殊字符？

這是我該做旋轉字符作爲預期，但符號沒有顯示STYL嘗試：

.panel-heading [data-toggle="collapse"]:after { 
     font-family: Verdana; 
     content: "&gt"; /* "play" icon */ 
     float: right; 
     color: #F58723; 
     font-size: 18px; 
     line-height: 22px; 
     /* rotate "play" icon from > (right arrow) to down arrow */ 
     -webkit-transform: rotate(-90deg); 
     -moz-transform: rotate(-90deg); 
     -ms-transform: rotate(-90deg); 
     -o-transform: rotate(-90deg); 
     transform: rotate(-90deg); 
    } 

Answer 1

如果我按照正確的您提供的鏈接，有一個爲CSS代碼。在這裏你正在研究CSS而不是HTML。你不應該使用CSS代碼而不是HTML代碼content: '\003e';？只是猜測，我從來沒有這樣做過。

如果它不起作用，您可能不得不使用:after以便代碼不會被覆蓋。

我已經測試這種方式，它的工作。希望它有幫助;）

h1:after { 
    content: '\003e'; 
}