將樣式表應用於一個元素

如何製作頁腳並將其與包含來自外部文件的功能包含在一起，但使其內部的樣式表僅適用於頁腳而不是整個頁面。我必須使用head標籤鏈接樣式表，並且在包含它時將使其適用於整個頁面。任何想法我怎麼能做到這一點？將樣式表應用於一個元素

我已經解釋過，當我這樣做時，它會將樣式應用於整個頁面，而不僅僅是包含的部分。 – user2839430

將其作爲iframe包括在內。這種方式您的網站的CSS不會干擾您的頁腳，並且該iframe的樣式不會影響您的。如果您希望操作頁腳的樣式，那麼您必須使用javascript。

2013-10-22 23:36:44 lexith

<html> 
<HEAD></HEAD> 


blah blah blah 


<script type="" src=""> 
blah blah blah 
</script> 


<html>

2013-10-22 23:25:04

我真的不明白，那不是很有幫助。 – user2839430

這就是你應該使用的代碼。 –

Ur只是將你的元素包裝在腳本標籤中 –

您需要重構頁腳的樣式表。

如果您的頁腳容器具有「頁腳」的ID，那麼就在樣式表

例如每個項目的開頭添加id選擇

table { 
    /*attributes*/ 
}

變得

#footer table { 
    /*attributes*/ 
}

記住太多，逗號分隔的列表所需要的#footer的添加到每個項目

例如

div .item, span .value{ 
    /*attributes*/ 
}

成爲

#footer div .item, #footer span .value{ 
    /*attributes*/ 
}

你不應該需要#footer的添加到已有的ID項目，而是要確保ID不使用一個以上的元素

如以下不需要更改：

#disclaimer{ 
    /*stuff*/ 
}

如果這樣做會導致其他問題reas使用相同的樣式表，那麼你可能希望在那裏有一些重複。

如果您不想複製，可以解析服務器上的css表格，並使用某種正則表達式替換器，動態插入#footer，然後將其提供給客戶端以取代原始樣式表。儘管如此，這還是很多努力。

如果你有一個很長的樣式表，那麼我感覺適合你。

2013-10-22 23:28:34 binderbound

樣式表是1689行。任何其他想法？ – user2839430

補充說：如果你不想複製，你可以解析服務器上的css表格，並使用某種正則表達式替換器，動態地插入#footer，然後將其提供給客戶端以取代原始樣式表。儘管如此，這還是很多努力。 – binderbound

回答