我通过从数据库获取数据并使用模板引擎(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 来应用这个伪选择器？