[B! css][selector] rikuoのブックマーク

Time-dimensional擬似クラスについて調べてみた - tech.o2p.jp

Time-dimensional擬似クラスについて(CSS Property Advent Calendar 2013 9日目) CSS Property Advent Calendar 20139日目の記事です。今日は少し先を見据えて、Selectors Level 4の中から、明日のAdvent Calendar担当でもあるmyakuraさんが書いた文書、CSS4セレクタ (Selectors Level 4) の新機能で触れられていない「:current, :past, :future」の各擬似クラスについて、Working Draftで現在の最新版である2013/5/2版を参照しながら紹介します。 CSS Property Advent Calendarなのにセレクタの話になってしまいましたが、すでに2人ほどセレクタの話をしているようなので、3人目になろうと思います。曖昧なとこ

rikuo 2013/12/15

リンク

:emptyと:blank（仮）擬似クラス

次のdiv要素のうち、:empty擬似クラスが適用されるのはどれでしょう。 1. テキストあり <div>(Text)</div> 2. 空 <div></div> 3. 半角スペース1つ <div> </div> 4. 半角スペース2つ <div> </div> 5. 改行 <div> </div> 6. コメント <div></div> 7. テキストなしで空の子要素を持つ <div><span></span></div>正解は2と6です。実際の動作はサンプルをどうぞ。 :empty? :empty擬似クラスは「Selectors Level 3」を見ると、次のように書かれています。 The:emptypseudo-class represents an element that has no children at all. In terms of

rikuo 2013/07/18

css
selector

リンク

Firefox 4: -moz-any() selector grouping – Mozilla Hacks - the Web developer blog

This is a re-post from David Baron’s blog. This feature has landed in Mozilla Central (trunk) and only available with a Firefox Nightly Build for the time being. Last night I landed support for :-moz-any() selector grouping. This allows providing alternatives between combinators, rather than having to repeat the entire selector for once piece that’s different. For example, it allowed replacing thi

rikuo 2010/05/21

リンク

XPathからセレクタへの移植は簡単なお仕事です - 2009-04-27 - fublog

みんなセレクタ登録しようぜ！って書いたのに1件も増えてなかったので現状fub専用のDBなんて俺しかメンテしないんだったらこりゃダメだな、と思ったんだけど更新履歴見たら試行錯誤してた人が1人いたので少し希望があった。セレクタ書き方講座みたいの書いたら少しは増えるだろうか。MSN産経ニュースは俺が書いちゃったけど。ステータスバーのアイコンダブルクリッコでuser.jsを無効にすると以後有効にしてもスクリプトエラーになってたので、一応exeだけ差し替えておきました。 http://madchester.s54.xrea.com/archives/test.zip あとユーザースタイルシートの効きが悪い件は認識済みなのですが、IE8のバグだと思うのでちょっと保留中です。（以前のよく効く方式だと全く適用されずに違う方法で適用してます）最終的に捨てるかもしんないしあれだけど、頭の体操だと思って1

rikuo 2009/04/27

リンク

CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 | 100SHIKI

CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 February 27th, 2009 Posted in その他 Write comment かなりマニアックではあるが、その筋の人にはすっごく便利なのでは。 SelectorGadgetではCSSのセレクタを書くためのブックマークレットを配布している。CSSのセレクタは慣れるまで書くのが大変である。しかしこれを使えば「タイトルだけを指定するCSSセレクタ」「このテーブルのこの列だけを指定するセレクタ」なんてのをインタラクティブに指定しながら確認していくことができる。使い方は簡単で、まずはブックマークを好きなページで起動する。すると右下にセレクタ表示用のボックスが現れる。次にセレクタに含めたいDOMをクリックする。するとそこが緑になり、さらにそのセレクタにマッチするDOMが黄色