css-div除了单个属性外都一样

Question

CSS中有任何继承吗？

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

使用jquery或诸如此类的想法在各节之间具有不同的过渡。

这样的事情有可能发生吗，或者我会以错误的方式处理吗？

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 */

或其他各种策略，包括使用脚本生成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 */ }