代码之家 › 专栏 › 技术社区 › 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 回复 | 直到 8 年前

Nicolás 15 年前

使用 #first > tr > td

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

sh_ 15 年前

有两种解决方案。

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

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

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

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

4 月前

Mass · 如何在Tailwind CSS v4中创建配置

4 月前

magenta placenta · 将css变量合并为一个变量

4 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

4 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

5 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

5 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

5 月前

Luckkks · 过渡色工作不正常

5 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

5 月前