Question

我正在尝试使用：nth-child（5）在背景上拉伸图像以进行第三次打印;但它没有抓住它。我做错了吗？

table#OppPracticeOverview tr th {
    padding:5px !important;
    background-color:transparent;
}
table#OppPracticeOverview tr th img {
    width:47px;
    height:22px;
    float:left;
    margin:-5px 0 0 -42px;
    position:absolute;
    z-index:-1;
}
table#OppPracticeOverview tr th img:nth-child(5) {
    width:110px;
    height:22px;
    float:left;
    margin:-5px 0 0 -105px;
    position:absolute;
    z-index:-1;
}

HTML：

<table id="OppPracticeOverview">
<tbody>
    <tr>
        <th>
            Patients
            <img src="/images/img-CCCCCC.png">
       </th>
       <td>
       <th>
           On Hold
           <img src="/images/img-CCCCCC.png">
        </th>
        <td>
        <th>
           Reattribution Request
          <img src="/images/img-CCCCCC.png">
       </th>
       <td>
   </tr>
</tbody>

Answer 1

你几乎是对的，只需将nth-child从img移到th，就像这样：table#OppPracticeOverview tr th:nth-child(5) img

演示：http://jsfiddle.net/G79X9/1/

Answer 2

相对于它的父母而言，这是第n个孩子。所以你要说的是“它的第五个img th”。您的HTML很复杂（如错误），但我认为您应该尝试定位th。

Answer 3

我无法工作，因为您的th都没有5张图片。我想你想要

table#OppPracticeOverview tr th:nth-child(5) img {...}

Answer 4

就我而言，我犯了一个小错误

.someclassA .someclassB: nth-child(odd){

你可以看到如上所述someclassB：和nth-child之间有一个空格。而已.. 通过删除该空间，它开始工作：）

Answer 5

有一段时间nth-child无法工作尝试这个nth-of-type（）

table#OppPracticeOverview tr th:nth-of-type(5) img

这对我有用

：nth-child（）无法正常工作

5 个答案:

：nth-​​child（）无法正常工作

5 个答案:

：nth-child（）无法正常工作