Question

我已经在一个页面上大量定制CSS，因为我们没有完全访问权限的系统（例如，我们无法进入head标签来编辑内容/更改元信息例）。大多数事情都没问题但是我在IE9中使用我读过的黑客隐藏了一些问题（在Chrome上运行正常） -

body > div.page-content-outer > div > form > div > table > tbody > tr:first-child + tr + tr + tr + tr > td > table > tbody > tr:first-child + tr + tr + tr {
  display:none;
}

我知道这个hack 应该在IE9中工作，但它没有。

doctype为<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">。

我将非常感谢您对我所做的任何提示或提示！

HTML -

<body>
<div class="page-content-outer">
    <div class="page-content-inner">

<form>
    <div class="content-outer">

        <table class="content-inner">

            <tbody>
                <tr>
                ...
                </tr>
                <tr>
                ...
                </tr>
                <tr>
                ...
                </tr>
                <tr>
                ...
                </tr>
                <tr valign="middle">
                    <td colspan="2" class="one" align="left">
                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                            <tbody><tr>
                                ...
                            </tr>
                            <tr>
                                ...
                            </tr>
                            <tr id="selected">
                            ...
                            <tr>
                                <!-- here -->
                                <td class="cardlabel" align="center">
                                    <table cellpadding="2" cellspacing="3" border="0">
                                        <tbody><tr>
                                            <td align="center" valign="top"><input
<br><span >stuff</span></td>
                                            <td align="center" valign="top"><input
<br><span >stuff</span></td>
                                            <td align="center" valign="top"><input
<br><span >stuff</span></td>
                                        </tr>
                                    </tbody></table>
                                </td>
                            </tr>

测试A

body > div.page-content-outer > div > form > div > table > tbody > tr:first-child + tr + tr > td > table > tbody > tr:first-child > td.one.width190 > span {
display: none !important;
}

由于 MK

IE9中的第n个孩子问题

0 个答案: