如何從另一個CSS規則借用風格

home.html的（訪問：只讀）

... 

    <h1>Heading 1</h1> 

...

externalFile.css（訪問：只讀）

.tagh1 { 
    margin: 10px 0; 
    font-family: inherit; 
    font-weight: bold; 
}

myfile.css（訪問：讀/寫）

h1 { 
    color: #08C; 
}

如何在h1 CSS規則（myfile.css）中包含.tagh1（externalFile.css）的樣式，而無需將它們從一個文件複製並粘貼到另一個文件？

符合邏輯的答案：

h1 { 
    color: #08C; 
    /* Just copy and paste them */ 
    margin: 10px 0; 
    font-family: inherit; 
    font-weight: bold; 
}

，但我不能做到這一點:)

編輯：

我想這可能是這樣的：

.tag1 { 
    property1: value1; 
    property2: value2; 
} 

.tag2 { 
    include(.tag1); /* or something */ 
    property3: value3; 
}

到避免重複代碼。

2013-03-15 rpayanm

這個問題是在這裏回答：http://stackoverflow.com/questions/147500/is-it-possible-to-include-one-css-file-into-another – Lemurr 2013-03-15 01:35:09

「我不能這樣嗎？」聽起來有點不對勁。 – hjpotter92 2013-03-15 01:36:46

如果我正確地理解了這個問題，那麼您已經在頁面中包含了兩個CSS文件，並且您希望在沒有必需的CSS類的H1標記上重新使用第一個CSS規則。而且它不是編輯HTML文件或第一個CSS文件的選項。

CSS本身並不能提供你正在尋找重複使用的類型。像LESS或SASS這樣的動態樣式表語言可能會，但考慮到您的網站（只讀文件）的限制，這可能不是一種選擇。

如果JavaScript或jQuery是一個選項，您可以動態地將.tagh1類添加到h1元素，而無需觸摸HTML源代碼。

的jQuery

$(document).ready(function(){ 
    $('h1').addClass('tagh1'); 
});

然後兩個上述CSS規則將被施加到H1元件。

您有寫入權限的.js文件嗎？如果是這樣，請在上面添加上面的代碼。如果不是，則必須將CSS樣式複製並粘貼到第二個CSS文件中。

2013-03-15 01:38:23

回答