CSS有条件地应用样式

CSS是否有类似@media查询，让我有条件地适用于基于浏览器是否实现了一个单独的样式风格？CSS有条件地应用样式

可以有条件地应用样式会覆盖另一个像

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

如果在浏览器中实现，这将只适用第二样式，否则使用第一个定义的回退。

我愿意做基础上，-webkit-background-filter属性是否可用后备类似的东西。我想只对元素应用透明度，如果我也可以给它一个-webkit-backdrop-filter，否则使其不透明。这是纯粹的CSS，甚至JavaScript的可能吗？

写CSS为正常，那么在这里看到：http://stackoverflow.com/questions/15552082/css-rules-for-webkit-based-browsers –

@RichardHowell关闭，但截至目前，Safari支持'-webkit -background-filter'和Chrome不支持。这比没有好，因为它会覆盖IE和Firefox。 –

用JavaScript，几乎是一个没有脑子：看看[Modernizr的]（https://modernizr.com/）。 – mmgross

您可以通过

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

像标准样式属性的属性名称更改文本测试大多数的CSS属性，即

css -webkit-背景过滤< => webkitBackgroundFilter js

至于应用的风格，取决于你是否添加/更改样式元素或添加/更改CSS规则...

2016-05-08 22:52:45 Greg

回答