質問: display: block; } /* 選択されているタブのスタイルを変える */ div.tabs-sample input:checked + .tab_item { background-color: #000; color: #fff; } /* タブ切り替え全体のスタイル(任意) */ div.tabs-sample { text-align:center; } /* タブのスタイル(任意) */ .tab_item { padding:10px 45px; border: solid #000 1px; background-color: #fff; font-size: 18px; text-align: center; line-height:1em; color: #333; display:inline-block; font-weight: bold; transition: all 0.2s ease; margin:0; } .tab_item:hover { opacity: 0.75; } /* タブ切り替えの中身のスタイル(任意) */ .tab_content { display: none; /* ←のみ必ず必要 */ border:solid #ccc 1px; margin:50px 0 0; padding:25px; } を貼り付けています
回答: cssだけでwordpressでタブ切り替えって難しそうなので諦めて、js使うようなの探します ありがとうございました