Html 将样式表应用于一个元素_Html_Css

Html 将样式表应用于一个元素

html css

Html 将样式表应用于一个元素,html,css,Html,Css,如何从外部文件创建页脚并使用phps include函数包含它，但使其内部的样式表只应用于页脚而不是整个页面。我必须使用head标记链接样式表，这将使它在包含它时应用于整个页面。你知道我该怎么做吗？ <html> <HEAD></HEAD> blah blah blah <script type="" src=""> blah blah blah </script> <html> 废话废话废话废话您需要重新

如何从外部文件创建页脚并使用phps include函数包含它，但使其内部的样式表只应用于页脚而不是整个页面。我必须使用head标记链接样式表，这将使它在包含它时应用于整个页面。你知道我该怎么做吗？


<html>
<HEAD></HEAD>


blah blah blah


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


<html>

废话废话
废话废话

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

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

e、 g

变成

#footer table {
    /*attributes*/
}

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

还要记住，逗号分隔的列表需要在每个项目中添加#页脚

e、 g

变成

#footer table {
    /*attributes*/
}

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

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

e、 g以下内容无需更改：

#disclaimer{
    /*stuff*/
}

如果这样做会给使用相同样式表的其他区域带来问题，那么您可能需要在其中进行一些复制

如果您不想重复，您可以在服务器上解析css表，并使用某种regex替换程序，动态插入#footer，然后将其提供给客户端以代替原始样式表。但这需要付出很大的努力

如果您有一个很长的样式表，那么我会同情您。

将其作为iframe包含。这样，你网站的css就不会干扰你的页脚，iframe的样式也不会影响你的页面。

如果您希望操纵页脚的样式，那么必须使用javascript

我真的不明白，这不是很有帮助。你只是在脚本标记中包装你的元素脚本类型是什么？文本/css？src会是css文件吗？因为脚本标记不会将css标记为脚本的一种类型。哦，对不起，我没有意识到您想从php中执行此操作。把你的问题看错了。我对php了解不多，所以我无能为力。我已经解释过，当我这样做时，它会将样式应用于整个页面，而不仅仅是包含的部分。样式表是1689行。还有其他想法吗？补充说：如果你不想重复，你可以在服务器上解析css表，并使用某种regex替换程序，动态插入#footer，然后将其提供给客户端以代替原始样式表。但这需要付出很大的努力。