将样式表应用于一个元素

时间:2013-10-22 23:20:54

标签: html css

我如何制作一个页脚并将其包含在外部文件中的phps include函数中,但要使其内部的样式表仅适用于页脚而不是整页。我必须使用head标签链接样式表,并且当我包含它时它将应用于整个页面。知道如何才能做到这一点吗?

3 个答案:

答案 0 :(得分:1)

将其包含为iframe。 这样你的网站的CSS不会干扰你的页脚,iframe的样式不会影响你的。 如果你想操纵页脚的样式,那么你必须使用javascript。

答案 1 :(得分:0)

<html>
<HEAD></HEAD>


blah blah blah


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


<html>

答案 2 :(得分:0)

您需要重新构建页脚的样式表。

如果您的页脚容器的ID为“页脚”,则只需在样式表的每个项目的开头添加该ID选择器

e.g。

table {
    /*attributes*/
}

变为

#footer table {
    /*attributes*/
}

记住,逗号分隔的列表需要在每个项目中添加#footer

e.g。

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

变为

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

您不需要将#footer添加到已经为id的项目,而是确保不将id用于多个元素

例如,以下内容无需更改:

#disclaimer{
    /*stuff*/
}

如果这样做会导致使用相同样式表的其他区域出现问题,那么您可能希望在那里有一些重复。

如果您不想复制,可以解析服务器上的css表,并使用某种正则表达式替换器,动态插入#footer,然后将其提供给客户端代替原始样式表。尽管如此,这还是要付出很多努力。

如果你有一个很长的样式表,那么我觉得你。