jquery - 如何选择样式定义为特定值的元素？

Question

在 Safari 浏览器中，我的背景图像不起作用。当我在 safari 中进行检查时，我发现 css3 calc() 函数不起作用。我这样用过

width: calc(100% - 345px);
height: calc(100% - 180px);

safari 不支持 calc() 函数吗？如果没有，如何使用 jQuery 创建一个我的 calc() 函数可以工作的函数。

编辑

我在样式表中多次定义了 calc() 函数。所以我想使用 jQuery，但是如何选择定义了 calc() 值的元素？

假设我用 css 应用了以下 div

div.one{width: 300px;}
div.two{width: 300px;}
div.three{width: 200px;}

如何选择那些宽度定义为 300px 的 div？

score 0 · Accepted Answer

在这种情况下，听起来您使用的浏览器版本不支持您正在使用的功能。

在决定是否使用给定功能时，您应该在CanIUse网站上检查浏览器的兼容性。这还将告诉您是否需要使用供应商前缀，以及该功能的任何已知问题。

请注意，即使特定浏览器功能在您的浏览器中运行，您也需要考虑您的最终用户——使用 CanIUse 站点检查您需要支持的所有浏览器和版本的支持。您还应该在各种浏览器和浏览器版本中测试您的网站。

在的情况下calc()，您可以考虑使用此 polyfill将该calc()功能反向移植到不支持它的旧浏览器中。

score 0 · Accepted Answer

用这个

$('selector').css('width', '100%').css('width', '-=345px');
$('selector').css('width', '100%').css('width', '-=180px');

2 回答 2