CSS根据属性的可用性有条件地应用样式

Question

CSS是否有类似@media查询的内容，允许我根据浏览器是否实现单独的样式有条件地应用样式？

您可以有条件地应用可以覆盖其他类似

的样式

background-color: #fff;
background-color: rgba(255,255,255,0);

如果在浏览器中实现，则仅应用第二种样式，否则使用第一次定义的后备。

我希望根据-webkit-background-filter属性是否可用来执行与后备相似的操作。我想只对元素应用透明度，如果我也可以给它-webkit-backdrop-filter，否则使其不透明。这是纯粹的CSS，甚至是JavaScript吗？

Answer 1

您可以通过

测试大多数CSS属性

document.body.style.hasOwnProperty(`prop name`)

属性名称的文本更改为标准样式属性，即

css -webkit-background-filter＆lt; =＆gt; webkitBackgroundFilter js

关于应用样式，取决于您是添加/更改元素的样式还是添加/更改CSS规则......