本文探讨了HTML5中样式表加载失败的问题，发现link元素的位置对其有效性有影响。当link元素置于base元素之后时，可能导致样式无法正确加载。
最近在看H5的相关书籍，初学者，说的不对请多指点。
我在使用link元素的时候，并没有得到想要的效果，代码和书上的一样。
<html>
<head>
<title>Example</title>
<base href="http://115.28.128.93/public/"/>
<meta name="author" content="Adam Freeman"/>
<meta name="description" content="A simple example"/>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="styles.css"/>
</head>
<body>
<p>
I like <code id="applecode">apples</code> and oranges.
</p>
<a href="http://apress.com">Visit Apress.com</a>
<p/>
<a href="index.html">index.html</a>
</body>
</html>
这里的最终实现效果，并没有显示styles.css中的效果。
我试了一下，原来是因为link元素和base元素的顺序问题，把link元素放在base元素之前就可以了，若无base元素，则不会出现失效情况。
书上并没有做相关的说明，这是我自己尝试出来的，不知道是不是这样的，我还是一个初学者，仅供参考。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
