css 获取浏览器内核

CSS 是前端开发中非常重要的一环，实现网页样式的同时也需要考虑浏览器的兼容性。在样式编写过程中，你是否曾遇到过需要针对不同的浏览器内核写不同的样式的需求呢？如果是的话，那么这篇文章就是为你准备的。

在使用 CSS 编写样式时，我们需要在不同的浏览器中进行测试来确保样式的兼容性。但是，不同浏览器内核的实现细节存在差异，在进行样式编写时需要特别注意。如何获知当前浏览器内核的信息呢？这就需要用到获取浏览器内核的相关方法。

下面，我们来介绍一下如何使用 CSS 获取浏览器内核信息的方法：

/* 1. 获取浏览器厂商 */
@supports (-moz-appearance:none) {
  /* Firefox */
}
@supports (-webkit-appearance:none) {
  /* Safari 和 Chrome */
}
@supports (-ms-ime-align:auto) {
  /* IE 和 Edge */
}

/* 2. 获取引擎核心 */
@supports (-moz-appearance:none) and (not (overflow:-moz-hidden-unscrollable)) {
  /* Firefox */
}
@supports (-webkit-marquee-repetition:infinite) {
  /* Safari 和 Chrome */
}
@supports (-ms-accelerator:true) {
  /* IE 和 Edge */
}

通过这些方法，你就可以轻松地获取当前浏览器内核的信息，并进行不同内核的样式适配。