SelectorGadget: point and click CSS selectors

SelectorGadget is an open source tool that makes CSS selector generation and discovery on complicated sites a breeze. Just install the Chrome Extension or drag the bookmarklet to your bookmark bar, then go to any page and launch it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then g

[horimislime]

良いなこれ

[toton]

CSSのセレクタを確認可能なブックマークレット

[willnet]

マウスでクリックした場所のcssセレクタがわかる／ハイライト表示

[josch_so36]

CSS

[senPI]

][tool] [ブックマークレット][css] cssのセレクタが分からん状態になった時のため．インタラクティブに確認可能．

[shinichitomita]

interactive CSS selector <- dapper, AutoPagerize IDE

[s5-style]

DOMをクリックしながら作業をしていくとリアルタイムに右下に現在マッチしている要素に関するセレクタが表示される、という仕組みだ。もちろんボックスに直接セレクタを書いてどこがマッチするのかを確認する、という

[xxxdrugaxxx]

CSS構造セレクタ

[wacky]

CSSセレクタを入力してマッチする要素をリアルタイムに確認できるブックマークレット。IEでは正常動作せず。

[hisasann]

CSSセレクタを試せる、Firebugのようにマウスを乗せるとエレメントにborderが付くがこれはどうやってるんだろう

[dirablue]

インタラクティブにサイトのCSSの変更を確認できる

[halabo]

CSSのセレクタを確認できる

[minelayer]

CSSのセレクタをインタラクティブに設定・確認可能なブックマークレット。

[monjudoh]

ページ内の要素をクリックして、インタラクティブにCSSセレクタを生成していく。

[hiro_y]

CSSセレクタを確認できるbookmarklet。