浏览器不支持 css 中 :not 表达式的解决方法

问题

使用 :not 表达式的样式在不同浏览器中存在不生效的问题。

原因

不生效是因为浏览器版本较低所导致的。(更多详细信息请看:MDN

解决方法

初始写法:

.input-group:not(.user-name, .user-passwork){
   
    width: auto;
}

改成以下写法即可:

.input-group:not(.user-name):not(.user-passwork){
   
    width: auto;
}

👇觉得有帮助的朋友可以支持下作者哦,您的鼓励是我创作的最大动力,如有开发问题可联系作者
请添加图片描述

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-11 08:26:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-11 08:26:01       101 阅读
  3. 在Django里面运行非项目文件

    2024-01-11 08:26:01       82 阅读
  4. Python语言-面向对象

    2024-01-11 08:26:01       91 阅读

热门阅读

  1. 第七讲_css浮动

    2024-01-11 08:26:01       59 阅读
  2. Windows Copilot 更新及使用教程

    2024-01-11 08:26:01       177 阅读
  3. onlyOffice实践-在线协同word、ppt、excel编辑

    2024-01-11 08:26:01       139 阅读
  4. Go 企业级gRPC原理

    2024-01-11 08:26:01       50 阅读
  5. Vue3中的`ref`和`reactive使用中遇到的一些坑

    2024-01-11 08:26:01       56 阅读
  6. ReactHooks:渲染与useState

    2024-01-11 08:26:01       63 阅读
  7. zmq_connect和zmq_poll

    2024-01-11 08:26:01       34 阅读