css url 函数 OR 运算符答案

【问题标题】：css url function OR operatorcss url 函数 OR 运算符
【发布时间】：2016-02-05 22:32:58
【问题描述】：

您好，我想知道是否可以在 CSS url 函数中使用 OR 运算符。

示例：这可能吗？

happy.moods {
    background-image: url( 'pathA/img.png' || 'pathB/img.png' );
}

【问题讨论】：

不，但你想达到什么目的？多个背景图片？如果是这样，请使用以逗号分隔的多个 url。 url(pic1), url(pic2)。见MDN。
另一方面，如果您的意思是“尝试一个图像，如果它不存在则尝试另一个”，那么您就不走运了。虽然上述语法在只存在一张图片时是可能的，但如果两者都存在，它仍然会显示两者。
@MrLister 这是你描述的我试图实现的第二种情况。感谢您的评论。那么我需要一种更智能的方式来管理我的文件。

标签： css url operator-keyword

【解决方案1】：

正如其他一些用户在 cmets 中指出的那样，没有办法做到你所说的。虽然我们可以设置 min-width 和 max-width 之类的东西来实现一些半生不熟的逻辑，但 CSS 和 HTML 确实根本没有逻辑的概念。即使使用伪类选择器，在网页中显示更改的逻辑也不是您编写的代码的属性，而是网络浏览器的属性。

这就是为什么你可以在 HTML 或 CSS 文件中写任何东西（不管它是否是正确的代码）并且它不会导致程序“中断”，因为没有什么可以“编译”。

然而，这是 Javascript 的一些概念发挥作用的地方。我将假设您想要动态背景图像，如果是这样，请继续在 SO 或 Google 上搜索，那里有多个页面可以帮助您。

希望这会有所帮助！

【讨论】：

感谢您的帮助，非常有帮助。