在CSS中区分Chrome和Safari用户代理字符串（无JavaScript）

Question

是否存在仅针对Safari的CSS选择器，以及仅针对Chrome？

的CSS选择器

为了给出一些东西，这是我认为只会选择Safari的选择器，遗憾的是它也是针对Chrome的：

html[data-useragent*="Safari"] {
  [...]
}

Answer 1

您可以将属性选择器与:not()选择器结合使用：

/* Safari */
html[data-useragent*="Safari"]:not([data-useragent*="Chrome"]) {
  [...]
}

分别：

/* Chrome */
html[data-useragent*="Safari"][data-useragent*="Chrome"] {
  [...]
}

但正如DarkDust所写，你应该针对浏览器之间的特定问题而不是整个浏览器，因为你不能依赖浏览器供应商来改变任何东西。我不得不承认，如果没有javascript，它会很难。