在CSS中引用CSS

有沒有辦法將CSS類定義爲等於另一個？例如，如果我有一個類：在CSS中引用CSS

.myClass{ 
    background-color: blue; 
}

是有沒有辦法界定第二類爲具有相同的樣式myClass的不只是複製和粘貼？

編輯：

對不起，讓我更清楚一點。是否有可能在聲明第一個類之後做到這一點，甚至可能在另一個樣式表中？

來源

2011-06-03 geekchic

我編輯我的答案，包括一個鏈接到SASS，這是什麼，你可能會尋找的。 – Fredrik 2011-06-03 16:45:05

是的，是這樣的：

.myClass, 
.mySecondClass, 
.myThirdClass { 
    background-color: blue; 
}

編輯：

根據您的編輯：你可能會找什麼，如果這是你真正想做的事情是尋找到SASS它基本上就像css，但有變量和東西。但是，香草CSS沒有任何你想要的本地支持。

來源

2011-06-03 16:33:57 Fredrik

哇SASS看起來很棒，爲什麼我以前從來沒有聽說過！？ – 2011-06-03 16:55:11

我知道！我實際上沒有嘗試過。當一個項目變得很大時，CSS通常變得很混亂，我認爲可能（也許）SASS或LESS可能是解決這個混亂的解決方案。實際上，Rails3.1現在使用SASS作爲默認語言而不是css。這真是太棒了。所以期待在未來能夠聽到更多關於SASS和相關技術的信息！ – Fredrik 2011-06-03 17:00:37

.myClass, .myOtherClass{ 
    background-color: blue; 
}

來源

2011-06-03 16:34:08 Briguy37

不適用於純CSS。您可以使用名爲SASS（http://sass-lang.com/）的技術，通過使用@extend函數來執行此操作。

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#extend

我想象的那麼也有這個能力，但我還沒有證實此事。

來源

2011-06-03 16:39:38 RussellUresti

你在想爲你的css創建某種變量嗎？如果是這種情況，您應該查看SASS或LESS。

這兩者允許風格的變量，如：

/* sass/less css */ 
@color: #4D926F; 

#header { color: @color; } 
h2 { color: @color; } 

/* rendered css */ 
#header { color: #4D926F; } 
h2 { color: #4D926F; }

LESS也有nested rules所以如果你有重疊的規則，你不經常要他們一遍又一遍地寫。

/* rendered css */ 
#header { color: black; } 
#header .navigation { 
    font-size: 12px; 
} 
#header .logo { 
    width: 300px; 
} 
#header .logo:hover { 
    text-decoration: none; 
} 

/* less css */ 
#header  { color: black; 
    .navigation { font-size: 12px } 
    .logo  { width: 300px; 
    &:hover { text-decoration: none } 
    } 
}

希望這給你更多的一個起點:)

來源

2011-06-03 16:45:30 joshmax

在CSS中引用CSS

回答

相關問題