Question

css中有任何类型的继承吗？

例如，divA，divB，divC都存在于具有相同属性的同一位置，只是它们的z-index不同？

使用jquery或whatnot在各部分之间进行不同转换的想法。

这样的事情是否可能，或者我是否采取了错误的方式？

Answer 1

css中有任何类型的继承吗？

是。大多数属性可以赋值inherit，这意味着“与父节点具有相同的属性值”。这不是你想到的继承类型。

例如，divA，divB，divC都存在于具有相同属性的同一位置，只是它们的z-index不同？

CSS没有办法说一个规则集应该复制另一个规则集的值。你可以这样做：

#divA, #divB, #divC  /* Or another selector that matches all the elements */
    { /* Common rules */ }
#divA { /* specific rules */ }
/* etc */

或various other strategies包括使用脚本生成CSS并在单个元素上使用多个类。

Answer 2

您可以为单个元素指定多个类，例如

<div class="divA divB">

因此，你可以做一些聪明的诡计来获得你想要的东西。

Answer 3

CSS确实有继承，这是CSS的主要原则之一。

jQuery可以处理你想要的任何场景。如果您提供更详细的代码说明，我们可以提供更多帮助。

Answer 4

HTML：

<div id="container">
    <div id="divA">A</div>
    <div id="divB">B</div>
    <div id="divC">C</div>
</div>

CSS

#container div
{
    /*all your common styles here */
}
#divA { /*div specific style here */ }
#divB { /*div specific style here */ }
#divC { /*div specific style here */ }

css - 除了单个属性之外所有相同的div

4 个答案: