如何在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'; 
}