我在 https://validator.w3.org/nu/ 上运行验证html/css并得到CSS:解析错误。你知道怎么解决吗

I run validate html/css on https://validator.w3.org/nu/ and get an CSS: Parse Error. Do you know how to fix it

提问人:Rons 提问时间:7/21/2023 更新时间:7/21/2023 访问量:21

问:

我放在 https://validator.w3.org/nu/ 上的代码,它显示这样的css解析错误。

body:has(.quick__modal) { //CSS: Parse Error: )
  overflow: hidden;
}
.queries-item:not(:has(ul li)):hover { //CSS: Parse Error: :hover
  border-radius: 4px;
  background-color: #e8e9eb;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02);
}
.queries-group .queries-item {
    padding: 0;
}
.queries-group .queries-item:has(ul li) ul { //CSS: Parse Error: ul
  background: #f8f8f8;
}

我试过谷歌,但没有运气

HTML CSS 验证 解析错误

评论


答:

0赞 Tim R 7/21/2023 #1

这可能是验证器的问题。如果伪类以空格或组合器开头,则 CSS 将顺利通过,如 或has()body:has( .quick__modal)body:has(>.quick__modal)

body:has( .quick__modal) {
  overflow: hidden;
}
.queries-item:not(:has( li)):hover {
  border-radius: 4px;
  background-color: #e8e9eb;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02);
}
.queries-group .queries-item {
    padding: 0;
}
.queries-group .queries-item:has( ul li) ul {
  background: #f8f8f8;
}