选择WinJS Listview样式

时间:2013-01-15 16:10:30

标签: css windows-8 css-selectors windows-store-apps winjs

我想在选择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;}

我希望在选择某个项目时保持这种样式,但不会主动关注或悬停。

0 个答案:

没有答案