style HTML→CSS抽出

HTMLコードからidやclassを抽出して、対応するCSSセレクタを自動生成。スタイル設計やリファクタリングの効率化に便利です。

code HTML入力

style 抽出CSS

タグを残す

data属性を含める

このページについて

HTMLコードから id や class、必要に応じて data-* を抽出し、プレーンCSSのセレクタ雛形を生成します。

このページは CSS 出力専用 です（SCSS/Sass は含みません）。「基本CSS」は単独セレクタ、「階層CSS」は子孫セレクタとして展開します。