title: How to display mouseover effect in GridView rows using only CSS?
body: <p>This is probably a really simple thing but I am completely new to CSS. I just want to be able to have mouseover hover effect on my rows in gridview, changing the color of the row if it is being hovered over.
  This code below:</p>
  
  <pre><code>&lt;%@ Page Language="VB" AutoEventWireup="false" MasterPageFile="~/MasterPage.master" CodeFile="RepComisionesDos.aspx.vb" Inherits="Contraloria_Nomina_RepComisionesDos" %&gt;
  
  &lt;asp:Content ID="Content1" ContentPlaceHolderID="E" runat="Server"&gt;
  &lt;style&gt;     
        #Gv tr.rowHover:hover
          {
              background-color: Yellow;
              font-family: Arial;
          }
  &lt;/style&gt;
     &lt;table width="100%" cellpadding="0" cellspacing="0" border="0"&gt;
      &lt;tr class="BarraIdentidad"&gt;
          &lt;td&gt;
              &amp;nbsp;&amp;nbsp;
          &lt;/td&gt;
          &lt;td class="BarraIdentidad"&gt;
              &amp;nbsp;&lt;asp:Literal ID="Literal1" runat="server"&gt;Users&lt;/asp:Literal&gt;
          &lt;/td&gt;
      &lt;/tr&gt;      
   &lt;/table&gt;
  &lt;/asp:Content&gt;
  
  &lt;asp:Content ID="Content2" ContentPlaceHolderID="C" runat="Server"&gt;
  &lt;table width="100%" cellpadding="0" cellspacing="0" border="0"&gt;
   &lt;table width="100%" cellpadding="0" cellspacing="0" border="0"&gt;
    &lt;tr class="Encabezado" id="TrFiltros" runat="server"&gt;
      &lt;td style="width: 15px;"&gt;
          &amp;nbsp;&amp;nbsp;          
      &lt;/td&gt;
      &lt;td&gt;
          &lt;asp:UpdatePanel ID="UPFiltro" runat="server" UpdateMode="Conditional"&gt;
           &lt;ContentTemplate&gt;
  
              &lt;table border="0" cellpadding="0" cellspacing="0" width="100%" id="TbFiltros" runat="server" clientidmode="Static"&gt;
                      &lt;tr class="Encabezado"&gt;
                          &lt;td&gt;
                              Plaza:
                          &lt;/td&gt;
                      &lt;/tr&gt;
              &lt;/table&gt;
          &lt;tr&gt;
  
      &lt;td&gt;
          &lt;asp:UpdatePanel ID="UPDatos" runat="server" UpdateMode="Conditional"&gt;
              &lt;ContentTemplate&gt;
                  &lt;table runat="server" &gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;asp:GridView ID="Gv" runat="server" AutoGenerateColumns="False" ClientIDMode="Static" RowStyle-CssClass="rowHover"
                                  CellPadding="1" OnRowDataBound="Gv_RowDataBound"&gt; 
                                   &lt;Columns&gt;
                                      &lt;asp:BoundField DataField="MES_ANIO" HeaderText="MES"&gt;
                                          &lt;ItemStyle Width="80px" CssClass="tdIzq" /&gt;
                                      &lt;/asp:BoundField&gt;
                                      &lt;asp:BoundField DataField="PERIODO" HeaderText="PERIODO"&gt;
                                          &lt;ItemStyle Width="80px" CssClass="td" /&gt;
                                      &lt;/asp:BoundField&gt;
                                      &lt;asp:HyperLinkField DataNavigateUrlFields="CVE_USUARIO" HeaderText="USUARIO" DataNavigateUrlFormatString="/Ventas/RepArchivoPersonalAuxiliarEmp.aspx?prospecto={0}"
                                          DataTextField="USUARIO"&gt;
                                          &lt;ItemStyle Width="180px" CssClass="tdUsuario" /&gt;
                                      &lt;/asp:HyperLinkField&gt;
                                       &lt;/Columns&gt;
                              &lt;/asp:GridView&gt; 
                             &lt;/td&gt;
                          &lt;/tr&gt;
                     &lt;/table&gt; 
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p>Any help would be appreciated! Thanks!</p>