chrome89 css /deep/无效

Z时代

2024-01-10

chrome 89 css样式 /deep/ 不生效

原本应用样式

/deep/ 没办法选中元素导致样式失效,请问有什么解决办法？

回答：

嵌套/deep/会失效，一层deep是可以覆盖样式的

/* 下面的样式不会生效 */
/deep/ .a {
  ...
  /deep/ .b {
    ...
  }
}
/* 只有一层的deep是没问题的 */
/deep/ .a {
  ...
}
/deep/ .b {
  ...}

解决方案（vue中）：