2

:nth-child(5); を使用して、3 番目の印刷用に背景の画像を引き伸ばそうとしています。しかし、それはそれをキャッチしません。私は何か間違ったことをしていますか？

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>

4

5 に答える 5

3

あなたはほぼ正しかったです。nth-childfromimgをth次のように移動するだけです。table#OppPracticeOverview tr th:nth-child(5) img

デモ: http://jsfiddle.net/G79X9/1/

于 2013-04-08T14:21:12.427 に答える
1

親に対して n 番目の子です。imgつまり、「5番目の親」と言っているのですth。あなたのhtmlは（間違っているように）厄介ですが、th代わりにをターゲットにしてみてください。

于 2013-04-08T14:19:27.923 に答える
0

あなたの誰もthが5枚の画像を持っていないので、私はうまくいきません。私はあなたが欲しいと思います

table#OppPracticeOverview tr th:nth-child(5) img {...}
于 2013-04-08T14:20:51.893 に答える
0

私の場合、小さな間違いを犯しました

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

上記のように、someclassB: と nth-child の間に 1 つのスペースがあることがわかります。それだけです..そのスペースを削除することで、機能し始めました:)

于 2014-01-05T15:06:12.153 に答える