<h3>Los elementos hijos heredando del padre.</h3>
<div class="distorsionado">
<p>Distorsionado</p>
<div class="divHijo">Esto es un div</div>
<span>Distorsionado</span>
</div>
<h3>Los elementos hijos que son inline-block o block sin herencia.</h3>
<h3>Elementos inline no aplican esta reversión. </h3>
<div class="distorsionado not">
<p>No Distorsionado</p>
<div class="divHijo">Esto es un div</div>
<span>Distorsionado</span>
</div>
<h3>Ninguno de los elemento hijos tiene herencia.</h3>
<h3>Todos son tratados como block.</h3>
<div id="padre" class="distorsionado">
<p>No Distorsionado</p>
<div class="divHijo">Esto es un div</div>
<span>No distorsionado</span>
</div>
阻止属性影响子元素是不可能的。通常所做的是恢复父级的属性,如下所示:
实际上,正如您已经被告知的,这可以简单地通过反转子元素的转换值来完成。但是,我会使用
#padre > *
or选择器padre *
来指示该父项的所有子项,无论它们是什么元素,都将恢复该属性(第一个选择器将引用父项的直接子项,第二个选择器将引用父项中的任何元素)。如果只有一个要转换的元素,我也会添加一个 ID,如果有几个具有相同属性的转换元素,我也会添加一个类,但如果你输入它,你
div
将引用div
页面的每个元素.您还必须考虑
inline
您的父容器中是否有元素,因为这些元素不会应用任何转换,因此它们也无法反转父元素的转换。要使这种转换成为可能,您必须指出您的元素的inline
行为为inline-block
或block
。以另一个答案的例子作为参考: