gpt4 book ai didi

pug - 如何使用 Jade 插入多个条件注释?

转载 作者:行者123 更新时间:2023-12-01 02:21:28 25 4
gpt4 key购买 nike

Jade , 如何插入多个条件注释,如下所示?

<!-- Foundation 3 for IE 8 and earlier -->
<!--[if lt IE 9]>
<link rel="stylesheet" href="/css/foundation3/normalize.css">
<link rel="stylesheet" href="/css/foundation3/foundation.css">
<link rel="stylesheet" href="/css/foundation3/app.css">
<![endif]-->
<!-- Foundation 4 for IE 9 and earlier -->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="/css/foundation4/normalize.css">
<link rel="stylesheet" href="/css/foundation4/foundation.css">
<!--<![endif]-->

到目前为止,我尝试了以下操作,但它不会创建额外的 <!--><!--<![endif]--> .
//if lt IE 9
link(rel="stylesheet",href="/css/foundation3/normalize.css")
link(rel="stylesheet",href="/css/foundation3/foundation.css")
link(rel="stylesheet",href="/css/foundation3/app.css")
//if gt IE 8
link(rel="stylesheet",href="/css/foundation4/normalize.css")
link(rel="stylesheet",href="/css/foundation4/foundation.css")

这将简单地将每个条件注释块包装在 <!--[if le IE X]> ... <![endif]> 中.我知道我可以做 this ,但还有什么更好的吗?

最佳答案

由于这个问题是在 2013 年 11 月提出的,我相信您是在询问 Jade 生成 IE 条件评论的旧方法。

我将回答您的问题,为您提供 Jade 1.0.0 版(2013 年 12 月 22 日发布)中引入的新方法,因为您现在可能正在使用新的 Jade 版本。

请注意,旧方法(具有由 Jade 注释生成的 IE 条件注释,例如 //if IE 8 )在 Jade 1.0.0 及更高版本中不再受支持,并且无意将其放回原处。

新方法是使用格式良好的 IE 条件注释。因此,为了生成上述 IE 条件注释,Jade 模板必须如下:

<!--[if lt IE 9]>
link(rel="stylesheet",href="/css/foundation3/normalize.css")
link(rel="stylesheet",href="/css/foundation3/foundation.css")
link(rel="stylesheet",href="/css/foundation3/app.css")
<![endif]-->
<!--[if gt IE 8]><!-->
link(rel="stylesheet",href="/css/foundation4/normalize.css")
link(rel="stylesheet",href="/css/foundation4/foundation.css")
<!--<![endif]-->

输出 HTML 将如下所示:
<!--[if lt IE 9]>
<link rel="stylesheet" href="/css/foundation3/normalize.css">
<link rel="stylesheet" href="/css/foundation3/foundation.css">
<link rel="stylesheet" href="/css/foundation3/app.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="/css/foundation4/normalize.css">
<link rel="stylesheet" href="/css/foundation4/foundation.css">
<!--<![endif]-->

请注意,对于 Jade 1.0.0 及更高版本,使用 HTML 注释是安全的,因为 Jade 将忽略任何以 < 开头的行。特点。

您也可以访问 this post关于 Jade 中的 IE 条件注释,其中讨论了 Jade 版本 0.35.0 和 1.0.0 之间的区别。它还展示了使用 Jade mixins 机制进行条件格式化的替代方法。

我希望这会有所帮助。

关于pug - 如何使用 Jade 插入多个条件注释?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20197886/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com