title: WinJS Listview Styling selected
body: <p>I'm looking to change the CSS style when a WinJS Listivew .win-item is selected (via right-click || swipedown).</p>
  
  <p>Essentially, I have two sets of data that will be displayed in the ListView.  One upon load (default... currently <code>#itemName</code>), and one when the item is selected, hovered, or focused. (currently <code>#itemValue and IMG</code>)</p>
  
  <p>I have a <code>WinJS.Binding.Template</code> as follows:</p>
  
  <pre><code>&lt;div id="itemTemplate" data-win-control'WinJS.Binding.Tempalte"&gt;
      &lt;div id="imageContainer"&gt;
          &lt;h4 id="itemName" data-win-bind="textContent: itemName"&gt;&lt;/h4&gt;
          &lt;h4 id="itemValue"&gt;$0.00&lt;/h4&gt;
          &lt;img src="#" alt=""&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In my .CSS file I currently have the following:</p>
  
  <pre><code>/** 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;}
  </code></pre>
  
  <p>I would like to maintain this styling when an item is selected, but is not actively focused, or being hovered over.</p>