「CSS Selector Generator」バージョンアップ！

「子供と一緒にソリで滑る」という夢を週末に横須賀ソレイユの丘で叶えてきた sakai です。

公開以来、多くの方にご利用いただいている「CSS Selector Generator」がバージョンアップしましたので、本日は新機能のご紹介をします。

CSS Selector Generator とは

詳しくは過去エントリーをご参照ください。HTML のコードを貼り付けるだけで、CSS のフォーマットを自動で出力する無料のオンライン・ツールです。制作時間の短縮にご活用いただけるツールとなっております！

今回のバージョンアップの内容

オプションの設定項目が増えました！

• セレクタのルール：
  セレクタから HTML の要素タイプを省略できるようになりました。
  例）p.hoge → .hoge
  また、これまでは id セレクタを一切省略せず、冗長な文脈セレクタとして出力していましたが、id セレクタを複数記述しない設定ができるようになりました。
  例）div#container div#header div#logo → div#logo
• 除外する要素：
  セレクタの出力からあらかじめ除外できる要素を指定できるようになりました。例えば、strong や em などのインライン要素までセレクタを出力されると邪魔！ という方は、あらかじめ strong や em を除外する要素として設定しておくことで、セレクタが出力されなくなります。

バシャログ。のスタッフも CSS Selector Generator を実務で使用しているのですが、今回のバージョンアップでより使いやすくなったと実感しています。
是非、ご利用ください。ご意見・ご要望、セレクちゃんとジェレ姉さんのグッズ展開のオファーなど、常時お待ちしております！