在cfoutput标记内显示octothorpe

Question

<cfoutput query="getGames">
<li>
<a href="#link_url#" style="background: #E97B2A; display: block; height: 320px; width: 500px;">#name#</a>
</li>
</cfoutput>

背景颜色#打破了它，我如何在不关闭cfoutput标签(或使用css rgb() )的情况下显示#？

Answer 1

#符号可以像##一样在cfoutput标记和字符串等其他区域中进行转义，方法是将它加倍。

因此，您需要使用以下代码：

<cfoutput query="getGames">
<li>
<a href="#link_url#" style="background: ##E97B2A; display: block; height: 320px; width: 500px;">#name#</a>
</li>
</cfoutput>

Answer 2

Loftx的答案将完美地发挥作用。但另一种选择是将CSS样式移动到.css文件或位于cfoutput标记之外的页面样式区域。

<!--- outside the cfoutput you can use single # characters --->
<style type="text/css">
.mystyle { background: #E97B2A; display: block; height: 320px; width: 500px; }
</style>

<!--- inside the cfoutput, # characters must be paired up. --->
<cfoutput query="getGames">
    <li>
        <a href="#link_url#" class="mystyle">#name#</a>
    </li>
</cfoutput>