如何套用 CSS Hack 專門針對不同的 Safari 版本？

Safari 特定的CSS Hack

雖然提供的程式碼無法區分Safari 和Chrome，但可以使用專門針對Safari 版本的替代CSS hack 6.1 及更高版本。這裡有一個這樣的技巧：

_::-webkit-full-page-media, _:future, :root .safari_only {
  color: #0000FF;
  background-color: #CCCCCC;
}

版本特定的Safari 技巧

對於Safari 版本10.1 及更高版本，請使用此技巧：

/* Safari 10.1+ */
@media not all and (min-resolution: .001dpcm) {
  @media {
    .safari_only {
      color: #0000FF;
      background-color: #CCCCCC;
    }
  }
}

對於Safari 版本6.1 至10.0，請使用此hack:

/* Safari 6.1-10.0 (not 10.1) */
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
  @media {
    .safari_only {
      color: #0000FF;
      background-color: #CCCCCC;
    }
  }
}

要套用這些 hack，請將名為「safari_only」的類別新增至您想要僅針對 Safari 設定樣式的元素。

以上是如何套用 CSS Hack 專門針對不同的 Safari 版本？的詳細內容。更多資訊請關注PHP中文網其他相關文章！