Question

我有这个css

.tableResultClass th, td {padding:18px 28px 18px; text-align:center; }

.tableResultClass th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}

.tableResultClass td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

.tableResultClass tr.odd-row td {background:#f6f6f6;}

.tableResultClass td.first, th.first {text-align:left}

.tableResultClass td.last {border-right:none;}

tr和td的填充适用于tableResultClass和pageer类，但寻呼机没有tr和td样式。

我从firebug知道，所以当我更改此样式的值时，pageer类的宽度和高度正在发生变化，为什么？

HTML

        <td colspan="6"><table>
            <tbody><tr>
                <td><span>1</span></td><td><a href="javascript:__doPostBack('ctl00$MainContent$GridView1','Page$2')" style="color:White;">2</a></td><td><a href="javascript:__doPostBack('ctl00$MainContent$GridView1','Page$3')" style="color:White;">3</a></td><td><a href="javascript:__doPostBack('ctl00$MainContent$GridView1','Page$4')" style="color:White;">4</a></td>
            </tr>
        </tbody></table></td>


<table id="BookingTable" runat="server" class="tableResultClass" >
                                    <tr>
                                        <th>ID</th>
                                        <th>PlanTime</th>
                                    </tr>
                                </table>

Answer 1

我怀疑这是因为你没有重述课程的特殊性。

例如这个

.tableResultClass th, 
td 
{padding:18px 28px 18px; text-align:center; }

应该是这个

.tableResultClass th,
.tableResultClass td 
{padding:18px 28px 18px; text-align:center; }

......等等。因此

.tableResultClass td.first, 
th.first
 {text-align:left}

变为

.tableResultClass td.first,
.tableResultClass th.first
 {text-align:left}

css样式正在申请不应该应用的东西

HTML

1 个答案: