我正在建立一个网站，除了 iPhone 上的链接外，移动设备中的所有样式都可以正常作业。我已经尝试了这个执行绪中的解决方案：

我试过这个CSS：

a[href^="tel"],
span[href^="tel"] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

还有这个CSS：

a[x-apple-data-detectors],
span[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

以上没有对我有用。关于如何使用纯CSS解决此问题以便样式将继承于我的所有网页的任何建议？

更新解决方案

接受的答案将改变所有<span>/<a>元素的默认行为。相反，您应该在元素上使用id或class设定样式。示例可能如下所示：

.lnd-header-button__text{  
    all: initial;
  }

  .lnd-header-button__text * {
   all: unset;
  }

uj5u.com热心网友回复：

你可以通过媒体查询来做到这一点

小心使用精确选择器，因为使用 cssall会影响匹配选择器的所有 css 属性

@media only screen and (max-width: 600px) {
  my-selector {  
    all: initial;
  }

  my-selector * {
   all: unset
  }
}