以下代码显示有两个嵌套列表。外部一个具有 text-decoration:line-through 属性,另一个没有 line-through 属性。我怎样才能删除这个内部穿线或不首先应用它?!!我想要在“外部”一词上穿线,而不是在“内部”上穿线
<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>
您可以使用display: inline-block
为了躲避父母的text-decoration
影响它的孩子。
Demo
它之所以有效,是因为根据specs,
当指定或传播到
一个内联元素,它会影响该元素生成的所有框,
并进一步传播到任何分裂的流入块级框
内联(参见第 9.2.1.1 节)。但是,在 CSS 2.1 中,它是未定义的
装饰是否传播到块级表中。对于块
建立内联格式化上下文的容器,
装饰被传播到包装的匿名内联元素
块容器的所有流入内联级子级。对全部
其他元素它会传播到任何流入的子元素。注意
文字装饰没有传播到浮动和绝对
定位子孙,也不涉及原子内联级的内容
后代,例如内联块和内联表.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)