小编cev*_*zmx的帖子

I am trying to create bootstrap pagination with circled numbers, actually managed half of it by modifying the css like,

    .pagination > li > a, .pagination > li > span{
    border-radius: 100px;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    padding-top: 13px;
    text-align: center;
}
.pagination > li:first-child > a, .pagination > li:first-child > span,.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 100px;
}

然而,有两件事我仍然无法弄清楚.1.如何在圆项后面添加线？它们可能是3或4个项目,因此图像不起作用.2.任何人都可以指点我如何在圆圈下方添加文字,这些圆圈将始终与圆圈对齐并推动其他项目,以便项目之间有空格？

<nav>
<ul class="pagination">   
<li>
<a href="#">1<p class="pagination-text">Lorem Ipsum</p></a>
</li>
<li>
<a href="#">2<p class="pagination-text">Dolor …

我有几个表,我只想定位偶数行和奇数行:

<table class="record">
<tbody>
  <tr>
    <th scope="col">Score</th>
    <th scope="col">Time</th>
  </tr>
  <tr>
    <td>A</td>
    <td>1.20</td>
  </tr>
  <tr>
    <td>B</td>
    <td>1.35</td>
  </tr>
  <tr>
    <td>C</td>
    <td>1.39</td>
  </tr>
  </tbody>
</table>

我尝试使用我在网上找到的以下代码,但它可以在网站上的所有表格中使用:

tr:nth-child(even) { background: #666; }
tr:nth-child(odd)  { background: #CCC; }

有什么建议我怎么能只用一类"记录"来定位表？谢谢你的建议.

编辑:如果这些表在另一个表下作为td怎么办？:)

我找到了一个CSS教程来设置表格样式,但在我的页面上还有其他表格.所以我无法弄清楚如何在这里使用选择器.tr:nth-of-type(odd)是选择器.但是我希望这只能在一个有id或者class名字的表上使用playerslist.

<table id="playerslist">
    <thead>
        <tr>
            <th>Player Name</th>
            <th>Player #</th>
            <th>Team</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Simon</td>
            <td>25</td>
            <td>Team A</td>
        </tr>
        <tr>
            <td>Richard</td>
            <td>5</td>
            <td>Team B</td>
        </tr>
    </tbody>
</table>

任何想法如何定位tr:nth-of-type(odd),th并td表的元素,对id的playerslist？

谢谢