首页 > web前端 > css教程 > 我可以在 Google Chrome 中仅将 CSS 规则应用于特定 Div 吗?

我可以在 Google Chrome 中仅将 CSS 规则应用于特定 Div 吗?

DDD
发布: 2024-12-10 21:59:17
原创
937 人浏览过

Can I Apply CSS Rules to a Specific Div Only in Google Chrome?

仅将 CSS 规则应用于 Google Chrome

查询:特定 CSS 规则是否只能应用于 Google Chrome 中的特定 div?示例如下:

position: relative;
top: -2px;
登录后复制

响应:是的,这是可能的,有两种方法:

CSS 解决方案

/* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  div{top:10;} 
}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    div{top:0;} 
}

/* Chrome 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {
  .selector {-chrome-:only(; 
     property:value;
  );} 
}
登录后复制

JavaScript 解决方案

if (navigator.appVersion.indexOf("Chrome/") != -1) {
  // modify button 
}
登录后复制

以上是我可以在 Google Chrome 中仅将 CSS 规则应用于特定 Div 吗?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板