HTML source

Generated style-seets

What's this?

HTMLソースをもとに、id,class名CSS、子孫セレクタCSS、子セレクタCSS、LESS、SASS、SCSSを自動生成するオンラインサービスです。
従来のHTMLコーディグを強力にサポートします。

What's LESS/SASS/SCSS?

LESS / SASS / SCSSはCSSを効率的にコーディングできるCSSメタ言語です。
従来のCSSに比べ子孫セレクタ・子セレクタを簡単に管理することができ、高速にコーディングすることができます。
LESS OFFICIAL
SASS/SCSS OFFICIAL

関連サービス

高画質サムネイル生成サービス
HTTPクエリデコード
SQLフォーマッター
Insert文フォーマッター
スペースフォーマッター
JSONフォーマッター
HTML/XMLフォーマッター
Emmet toolkit for <textarea>

How to use

テキストエリアにHTMLをコピペして、真ん中のボタンを押してください。

Support language, Browser

HTML4,XHTML,HTML5.
CSS1,2,3, LESS1.3.3, SASS3.2.5, SCSS3.2.5

Support Browser

IE9 or higher,Firefox,Google Chrome,Opera.

Contact us

バグフィックスや要望、お礼メッセージ大歓迎です。
お問い合わせ