--年--月--日

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2010年09月22日

バシャログさんの「CSS Selector Generator」がバージョンアップしました

CSS

css0922.gif

よくお世話になっている、バシャログ。さんの提供されている、便利ツールCSS Selector Generator」がバージョンアップされました。
CSS Selector Generator とは
作成したHTMLファイルをコピーして張り付けるだけで
CSSファイルのフォーマットを自動で出力してくれるジェネレーターです。
CSSをきれいにまとめたいときに便利!

詳しくはバシャログさんのページに解説してあります。
[HTMLのコードからCSSセレクタを自動出力!「CSS Selector Generator」]
http://c-brains.jp/blog/wsg/10/07/26-204720.php

今回改善された点は2点

■セレクタのルール:
セレクタから HTML の要素タイプを省略できるようになりました。
例)p.hoge → .hoge
また、これまでは id セレクタを一切省略せず、冗長な文脈セレクタとして出力していましたが、id セレクタを複数記述しない設定ができるようになりました。
例)div#container div#header div#logo → div#logo

■除外する要素:
セレクタの出力からあらかじめ除外できる要素を指定できるようになりました。例えば、strong や em などのインライン要素までセレクタを出力されると邪魔! という方は、あらかじめ strong や em を除外する要素として設定しておくことで、セレクタが出力されなくなります。

スポンサーサイト

Comment

非公開コメント

Trackback

http://perruche15.blog134.fc2.com/tb.php/22-a0553b31

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。