<分区>

我通过从数据库获取数据并使用模板引擎(mustache)动态填充 ul,如下所示:

var template = '<ul class="myList"> {{#.}} ' +  
    '<li class="Foo" ' + 
    'style="background-color: {{thisItemsColor}};>" ' + 
        '{{someData}}' + 
    '</li> ' + 
'{{/.}} </ul>'; 

列表项的颜色存储在数据库中。现在的问题是我想将悬停属性更改为不同的颜色。我不能通过 css 文件执行此操作,因为在标记中我直接在元素上设置该属性,所以我这样做:

.myList .Foo:hover { 
    background-color:#000033 !important; 
} 

这是可以接受的还是我应该使用 js/jquery 来应用这个伪选择器?


评论关闭
IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!