CSS-hack -在网站正文中添加css
CSS-hack -在网站正文中添加css
提问于 2012-08-07 01:49:55
我被困在一种情况下，我只能访问网站的主体，而不是头部。我必须使用一个新的样式表。现在，我遇到的解决方案是在网站正文中添加CSS文件。当然，这是一个黑客行为，所以我想知道是否有更好的解决方案？
回答 6
Stack Overflow用户
发布于 2012-08-07 02:21:47
我们有不同的方式来加载CSS文件。
1- HTML -在页面上加载外部CSS文件的常规方法是：
<head>
<link rel="stylesheet" type="text/css" href="file.css" />
</head>2- CSS -使用CSS文件中的标记import
@import url("another_file.css");3- JavaScript --只使用JavaScript来实现，你应该创建一个Javascript函数：
<script type="text/javascript">
function loadCSS(filename){
var file = document.createElement("link");
file.setAttribute("rel", "stylesheet");
file.setAttribute("type", "text/css");
file.setAttribute("href", filename);
document.head.appendChild(file);
}
//just call a function to load your CSS
//this path should be relative your HTML location
loadCSS("path_to_css/file.css");
</script>4- JavaScript -您可以添加动态定义，例如：
<script type="text/javascript">
var sheet = (function() {
var style = document.createElement("style");
style.appendChild(document.createTextNode(""));
document.head.appendChild(style);
return style.sheet;
})();
sheet.insertRule("span { visibility: hidden }", 1);
</script>Stack Overflow用户
发布于 2013-07-04 00:42:55
下面是什么：
$('head').append('<link rel="stylesheet" type="text/css" href="{yoururl}">');Stack Overflow用户
发布于 2012-08-07 02:24:19
您的意思是重新定义CSS并覆盖以前的CSS，如？：
<html>
<head>
<style type='text/css'>
* {color:red;}
p {background-color:yellow;}
</style>
</head>
<body>
<style type='text/css'>
* {color:green;}
p {background-color:black;}
</style>
<p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..." </p>
"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
<p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..." </p>
</body>
</html> 你可以把整个样式表复制到那里，当然也可以像这样用php或javascript.But包含它，查看head CSS样式表并覆盖出现在正文中的所有样式就可以了。我不确定这是不是干净的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11833325
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号