疑似クラス :has() 使用のタブ切り替えBOX

疑似クラス :has() の使用テストです。
これは、タブ切り替えBOXのテストです。
「.tab-box-tab > label」（タブ）はdisplay:table-cell;で。（table-cellだとタブの数が何個でも設定可能ですから。）
タブの数は最大10個を想定してのCSSです。

※これに関しては ID指定はないですが、type="radio" なのでname属性の指定は必要です。
　1ページに複数のタブ切り替えBOXを設置したい場合は、このname属性をそれぞれ別に指定する必要があります。