当前位置: 首页 > 知识库问答 >
问题:

前端 - CSS选择器怎么通过判断当前浏览器内核版本号生效?

司空坚
2023-05-18

比如我要需要在低于Chrome浏览器内核的某个版本时,才使用这个类选择器;
有没有可能直接在css文件上标记什么版本有效

共有3个答案

权黎昕
2023-05-18

可以使用 js 配合 HTML 自定义属性的方式实现这个要求。

  1. 在 js 中判断用户当前浏览器的版本。
  2. 当浏览器版本符合要求的时候,通过 js 动态添加自定义属性,例如:
    body 标签添加自定义数据 data-version="xxx",xxx 是自定义内容,可以自由选择。
    同时自定义数据 data-version="xxx"还可以添加给其他元素(divspan标签等)。

    <!DOCTYPE html>
    <html lang="en">
    <head>
     <meta charset="UTF-8">
     <title>Title</title>
    </head>
    <body data-version="xxx">
    
    </body>
    </html>
  3. 在 css 设置:
    data-version 的值等于 xxx 时,对应的类的内容才会生效。

    body[data-version="xxx"] {
      
    }
    // 或者某个div
    div[data-version="xxx"] {
      
    }
    // 或者某个 class
    .classname[data-version="xxx"] {
      
    }
郤瀚
2023-05-18

css 做不到判断浏览器版本号,所以有两个选项:

  1. 用 js 判断浏览器版本号,低于特定版本的时候启动某个特殊 CSS
  2. @support 判断某个特性,不支持的时候才启动某段 CSS
贺博厚
2023-05-18

其实你只需要把需要兼容的CSS样式,用兼容写法写好就行,页面运行的时候会根据浏览器内核和型号来使用不同的样式,这样就达到兼容的目的
这里有个示例,可以参考下:
https://blog.csdn.net/qq_43205326/article/details/116450674

 类似资料:
  • 本文向大家介绍javascript 判断当前浏览器版本并判断ie版本,包括了javascript 判断当前浏览器版本并判断ie版本的使用技巧和注意事项,需要的朋友参考一下 javascript 判断当前浏览器版本并判断ie版本: 2、判断是什么类型浏览器 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

  • 现在的QQ浏览器都是IE11的内核,怎么才能更新的之前的ie8内核, 我想把我的QQ浏览器内核还原到IE8的内核,有大佬们知道吗? 请问QQ浏览器在什么情况下会切换内核啊。开始是Chromium94.0.4606.71 后面切换到IE8 了

  • 本文向大家介绍js判断浏览器版本以及浏览器内核的方法,包括了js判断浏览器版本以及浏览器内核的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js判断浏览器版本以及浏览器内核的方法。分享给大家供大家参考。具体实现方法如下: js判断是否移动端及浏览器内核 代码二 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍js判断当前浏览器类型,判断IE浏览器方法,包括了js判断当前浏览器类型,判断IE浏览器方法的使用技巧和注意事项,需要的朋友参考一下 判断IE浏览器最短方法:var isIE = !-[1,] 原理:[1,]在标准浏览器中返回"1",相当于调用[1,].toString(),在IE中返回"1," 在这个时候对返回值使用负号强制转换为数字时,标准浏览器返回1,IE则返回NaN, 再对1

  • 本文向大家介绍浏览器是怎样判断元素是否和某个CSS选择器匹配?相关面试题,主要包含被问及浏览器是怎样判断元素是否和某个CSS选择器匹配?时的应答技巧和注意事项,需要的朋友参考一下 先产生一个元素集合,然后从后往前判断; 浏览器先产生一个元素集合,这个集合往往由最后一个部分的索引产生(如果没有索引就是所有元素的集合)。然后向上匹配,如果不符合上一个部分,就把元素从集合中删除,直到真个选择器都匹配完,

  • 本文向大家介绍如何基于js判断浏览器版本,包括了如何基于js判断浏览器版本的使用技巧和注意事项,需要的朋友参考一下 这篇文章主要介绍了如何基于js判断浏览器版本,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 浏览器类型判断 不考虑对 IE9 以下浏览器的判断 测试 判断IE浏览器的版本 包含edge,ie11,10,9,8,7,6,5,4 判断浏