Question

以下代码显示有两个嵌套列表。外部文本装饰：直通属性，另一个没有直通。我怎样才能删除这个内部直通线或者不首先应用它？!!我希望在“外部”这个词上划线，而不是“内部”

    <DOCTYPE html>
<header><style>
ol li {text-decoration:line-through; color:red;}
ol li ul li{text-decoration:none; color:pink;}

</style></header>
<body>
    <ol>
        <li>Outter
            <ul>
                <li>
                    Inner
                </li>
            </ul>
        </li>
    </ol>
</body>

Answer 1

您可以使用display: inline-block来避免父母的text-decoration影响其子女。

Demo

根据specs，

，这是有效的

指定或传播到内联元素，它会影响该元素生成的所有框，并进一步传播到任何分裂的流内块级框内联（见第9.2.1.1节）。但是，在CSS 2.1中，它是未定义的装饰是否传播到块级表中。对于块建立内联格式化上下文的容器装饰被传播到包装的匿名内联元素块容器中的所有流入内联级子级。对全部其他元素传播给任何流入的孩子。注意文字装饰不会传播到浮动和绝对定位后代，也不是原子内联级别的内容后代，如内联块和内联表。

无法在子列表中删除直通

1 个答案: