将样式表应用于一个元素

如何制作页脚并将其与包含来自外部文件的功能包含在一起，但使其内部的样式表仅适用于页脚而不是整个页面。我必须使用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

回答