样式页按钮与选择按钮不同

我试图按照与我的选择按钮不同的方式调整分页按钮的样式。我用于选择按钮的选择器也适用于分页按钮：样式页按钮与选择按钮不同

.gridView tr td a{} /* I've assigned the gridView class to the GridView */

如何仅选择分页按钮？我尝试这样做：

.gridView tr td table tr td a{} //traced this down using Chrome's Inspect Element

编辑：这里的HTML（在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">&nbsp;</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(&#39;GridViewName&#39;,&#39;Select$0&#39;)">Select</a></td><td>MT</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> 
    </tr><tr> 
     <td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Select$1&#39;)">Select</a></td><td>QA</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> 
    </tr><tr> 
     <td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Select$2&#39;)">Select</a></td><td>QA</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> 
    </tr><tr> 
     <td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Select$3&#39;)">Select</a></td><td>VX</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> 
    </tr><tr> 
     <td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Select$4&#39;)">Select</a></td><td>PP</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> 
    </tr><tr> 
     <td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Select$5&#39;)">Select</a></td><td>PP</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> 
    </tr><tr> 
     <td colspan="6"><table> 
      <tr> 
       <td><span>1</span></td><td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Page$2&#39;)">2</a></td><td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Page$3&#39;)">3</a></td><td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Page$4&#39;)">4</a></td><td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Page$5&#39;)">5</a></td><td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Page$6&#39;)">6</a></td><td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Page$7&#39;)">7</a></td><td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Page$8&#39;)">8</a></td><td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Page$9&#39;)">9</a></td><td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Page$10&#39;)">10</a></td><td><a href="javascript:__doPostBack(&#39;GridViewName&#39;,&#39;Page$11&#39;)">...</a></td> 
      </tr> 
     </table></td> 
    </tr> 
</table>

来源

2013-07-26 muttley91

发表您的HTML .. –

看到我的编辑，添加HTML – muttley91

你的第二个选择似乎在这里工作：http://jsfiddle.net/TCSrf/ – Adrift

退房this article，就如何风格在GridView的详细演示。

最值得注意的是PagerStyle-CssClass属性。

来源

2013-07-26 20:20:06 Schmalzy

样式页按钮与选择按钮不同

回答

相关问题