我想在选择WinJS Listivew .win-item时更改CSS样式(通过右键单击|| swipedown)。
基本上,我有两组数据将显示在ListView中。一次加载(默认...当前为#itemName
),一次选择,悬停或聚焦时。 (目前#itemValue and IMG
)
我有WinJS.Binding.Template
如下:
<div id="itemTemplate" data-win-control'WinJS.Binding.Tempalte">
<div id="imageContainer">
<h4 id="itemName" data-win-bind="textContent: itemName"></h4>
<h4 id="itemValue">$0.00</h4>
<img src="#" alt="">
</div>
</div>
在我的.CSS文件中,我目前有以下内容:
/** note IMG and #itemValue opacity previously set to 0 **/
#itemList .win-item:hover #itemName, #itemList .win-item:focus #itemName {opacity 0;}
#itemList .win-item:hover IMG, #itemList .win-item:focus IMG{opacity 0;}
#itemList .win-item:hover #itemValue, #itemList .win-item:focus #itemValue{opacity 0;}
我希望在选择某个项目时保持这种样式,但不会主动关注或悬停。