外部样式表,指定绝对路径或相对路径

Question

包含外部样式表的链接标记的href部分让我很困惑,特别是因为大多数人不使用整个URL.

例如,在

  <link rel="stylesheet" href="mystyles.css" type="text/css" media="screen">

如果我想将我的样式表放在wwwroot的子目录中,那么尝试通过以下方式引用它会有什么不同:

a)href ="/ someDir/mystyles.css"

b)href ="./ someDir/mystyles.css"

c)href ="someDir/mystyles.css"

非常感谢

Answer 1

这是基本的相对URL语法.没有什么CSS特定于此.

假设这出现在 http://example.com/foo/bar/index.html

href="/someDir/mystyles.css"

http://example.com/someDir/mystyles.css

href="./someDir/mystyles.css"

http://example.com/foo/bar/someDir/mystyles.css

href="someDir/mystyles.css"

http://example.com/foo/bar/someDir/mystyles.css

而你没有提到 href="../someDir/mystyles.css"

这将是: http://example.com/foo/someDir/mystyles.css