:not伪类选择器一些错误的写法

一、伪类选择器括号中不能有多个选择器

  目前个人遇到的情况是在chrome浏览器、ios系统中支持,在andorid系统中不支持

/* 类名不是 `.crazy` 或 `.fancy` 的元素 */
/* 注意,此语法尚未获广泛支持。 */
body :not(.crazy, .fancy) {
  font-family: sans-serif;
}

 正确写法: 

body :not(.crazy),body :not( .fancy) {
  font-family: sans-serif;
}

  

 

参考链接: 

https://developer.mozilla.org/zh-CN/docs/Web/CSS/:not

https://www.zhangxinxu.com/wordpress/2019/07/css-not-pseudo-class/

posted @ 2021-11-03 11:32  karila  阅读(153)  评论(0编辑  收藏  举报