編集

Safari 16.5

#Safari #CSS

Safari 16.5 がリリース。

#CSS Nesting

CSS Nesting が Safari でもサポートされました。これで Chrome/Edge/Safari に CSS Nesting が出揃いました。

Chrome の際に説明した気がするので詳細は省きますが、次のように記述できます。

css
.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

https://developer.chrome.com/articles/css-nesting

#参考文献

編集