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