liタグ画像のカスタマイズ

Question

私はリスト項目が異なる優先順位を持つアラートのリストにバインドされたデータリストによって設定されることになる、順序付けられていないリストを持っています。

マークアップ：

<ul> 
    <asp:DataList ID="Alerts" runat="server"> 
    <ItemTemplate> 
     <li class="alert<%# Eval("Priority") %>"><%# Eval("Message")%></li> 
    </ItemTemplate> 
    </asp:DataList> 
</ul> 

CSS：

.alert1, .alert2 
{ 
    list-style-image: url(/Content/Image/alert1.png) 
} 
.alert3 
{ 
    list-style-image: url(/Content/Image/alert3.png) 
} 
.alert4 
{ 
    list-style-image: url(/Content/Image/alert4.png) 
} 

私がしたいことの優先順位に応じて、リストの各項目の箇条書きに使用するの.pngをしたい指定することです警報これを行う方法があるはずですが、私にとってはうまく機能していないようです。

思考？

Answer 1

が、私はそれを考え出しました！イメージへのパスが間違っていた... Doh！すべてのあなたの入力をありがとう！ ：Dこれが当てはまる場合、リストはデフォルトで弾丸になります。

Answer 2

イムは、この作品驚い：

<li class="alert<%# Eval("Priority") %>"><%# Eval("Message")%></li> 

それは次のようになります。

<li class='alert<%# Eval("Priority") %>'><%# Eval("Message")%></li> 

そうでなければ、それはOKに見えます。

Answer 3

は引用符なしでul

のclass属性の見積もりを閉じよう：http://jsbin.com/uwixu3

引用付き：http://jsbin.com/uwixu3/2