代码之家 › 专栏 › 技术社区 › uzay95

如何防止将css属性传递给内部元素?

css

uzay95 · 技术社区 · 15 年前

我正在创建3个表。

<table id="first">
    <tr>
        <td>
        1. CAPTION
        </td>
    </tr>
    <tr>
        <td>
            <table id="second">
                <tr>
                    <td>
                        2. CAPTION
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="" width="100" height="100" />
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table id="third">
                <tr>
                    <td>
                        3. CAPTION
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="" width="100" height="100" />
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

我想为主表td元素添加10px填充(padding top:10px)。

#first tr td
{
    padding-top: 10px;
    padding-left: 0pt;
}

alt text

如何防止将padding top设置传递给内部表?

2 回复 | 直到 7 年前

Nicolás 15 年前

使用 #first > tr > td

意思是“td是 直接的 tr的子级 直接的

sh_ 15 年前

有两种解决方案。

一个(艰难的道路), 指定内部子元素的填充值,使其覆盖父样式规范。

二(上述方法), 使用“#first>tr>td” 但是,这会导致跨浏览器的可比性问题。

ie-6在浏览器市场占有很大份额。

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前