I am currently working on styling my paging buttons differently from the select buttons. However, the selector I am using for the select buttons is also being applied to the paging buttons:
.gridView tr td a{} /* The gridView class has been assigned to the GridView */
How can I specifically target only the paging buttons? I attempted this approach:
.gridView tr td table tr td a{} //Located this by inspecting with Chrome's Inspect Element
EDIT: Here is the HTML (created in ASP.NET):
<div class="gridViewContainer">
<div>
<table class="gridView" cellspacing="0" rules="rows" border="1" id="GridViewName" style="border-collapse:collapse;">
<tr>
<th scope="col"> </th><th scope="col">FRAME</th><th scope="col">ELEV</th><th scope="col">CW</th><th scope="col">LEVEL</th>
</tr><tr>
<td><a href="javascript:__doPostBack('GridViewName','Select$0')">Select</a></td><td>MT</td><td> </td><td> </td><td> </td>
</tr><tr>
<td><a href="javascript:__doPostBack('GridViewName','Select$1')">Select</a></td><td>QA</td><td> </td><td> </td><td> </td>
</tr><tr>
<td><a href="javascript:__doPostBack('GridViewName','Select$2')">Select</a></td><td>QA</td><td> </td><td> </td><td> </td>
</tr><tr>
<td><a href="javascript:__doPostBack('GridViewName','Select$3')">Select</a></td><td>VX</td><td> </td><td> </td><td> </td>
</tr><tr>
<td><a href="javascript:__doPostBack('GridViewName','Select$4')">Select</a></td><td>PP</td><td> </td><td> </td><td> </td>
</tr><tr>
<td><a href="javascript:__doPostBack('GridViewName','Select$5')">Select</a></td><td>PP</td><td> </td><td> </td><td> </td>
</tr><tr>
<td colspan="6"><table>
<tr>
<td><span>1</span></td><td><a href="javascript:__doPostBack('GridViewName','Page$2')">2</a></td><td><a href="javascript:__doPostBack('GridViewName','Page$3')">3</a></td><td><a href="javascript:__doPostBack('GridViewName','Page$4')">4</a></td><td><a href="javascript:__doPostBack('GridViewName','Page$5')">5</a></td><td><a href="javascript:__doPostBack('GridViewName','Page$6')">6</a></td><td><a href="javascript:__doPostBack('GridViewName','Page$7')">7</a></td><td><a href="javascript:__doPostBack('GridViewName','Page$8')">8</a></td><td><a href="javascript:__doPostBack('GridViewName','Page$9')">9</a></td><td><a href="javascript:__doPostBack('GridViewName','Page$10')">10</a></td><td><a href="javascript:__doPostBack('GridViewName','Page$11')">...</a></td>
</tr>
</table></td>
</tr>
</table>