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) 
} 

我想是指定要巴纽是用于每个项目的列表中的子弹，根据优先级警报。看起来应该有办法做到这一点，但它不适合我。

想法？

Answer 1

我想通了！图像的路径不正确...... Doh！感谢您的输入！ ：D显然，如果是这种情况，那么列表默认为项目符号。

Answer 2

IM惊讶这个工程：

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

它应该是：

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

否则，它看起来确定。

Answer 3

试图关闭报价的ul

的class属性中没有报价：http://jsbin.com/uwixu3

帖：http://jsbin.com/uwixu3/2