如何选择包含链接的所有td?

时间:2014-12-01 15:58:02

标签: css wordpress html-table

这是我的表格,我想选择包含链接的所有td-s。

这个选择器选择td中的所有链接,但我喜欢设置td而不是链接:

‪#‎wp‬-calendar > tbody > tr > td > a:link

我的html表:

<table id="wp-calendar">
    <tbody>
        <tr>
            <td colspan="5" class="pad">&nbsp;</td>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            <td>8</td>
            <td>9</td>
        </tr>
        <tr>
            <td><a href="" title="test">10</a></td><td><a href="/2014/11/11/?cat=14&amp;future=all" title="Mladi talenti, predstavimo se!">11</a></td>
            <td><a href="/2014/11/12/?cat=14&amp;future=all" title="test">12</a></td>
            <td><a href="/2014/11/13/?cat=14&amp;future=all" title="test2">13</a></td>
            <td>14</td>
            <td>15</td>
            <td>16</td>
        </tr>
        <tr>
            <td>17</td><td><a href="/2014/11/18/?cat=14&amp;future=all" title="test3">18</a></td>
            <td><a href="/2014/11/19/?cat=14&amp;future=all" title="test4">19</a></td>
            <td>20</td>
            <td>21</td>
            <td>22</td>
            <td>23</td>
        </tr>
        <tr>
            <td>24</td>
            <td>25</td>
            <td>26</td>
            <td>27</td>
            <td>28</td>
            <td>29</td>
            <td>30</td>
        </tr>
    </tbody>
</table>

1 个答案:

答案 0 :(得分:4)

您无法在CSS中根据子项或内容选择元素(除了其内容是:empty之外)

您需要使用Javascript,例如:在jQuery中,这可以通过例如:has

 $( "td:has(a)" )