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

Question

是否有 CSS select 或仅针对 Safari，以及仅针对 Chrome？

作为起点，这是 select 或者我认为 select 只有 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.

有点难

Distinguish between Chrome and Safari user-agent string in CSS (no JavaScript)