CSS のセレクタの名前の整理

「CSS のセレクタ」っていうと以下のようなものを想像すると思うんですけど

div.container ul > li

じゃあ、

などなど色々と疑問が出てくる訳で、どういう名前で呼べばいいか。自分のために書いておく。
これ系のエントリでは、以下のエントリが一番参考になります
http://d.hatena.ne.jp/kiririmode/20080516/p1

カンマで区切られたセレクタのリスト

div.container ul > li, div#hoge.hoge ~ span#fuga.fuga

カンマで区切られてる一個一個のやつ

div.container ul > li

とか

div#hoge.hoge ~ span#fuga.fuga

とか

空白とか

Combinator で区切られてる一個一個のやつ

div.container

ul

li

div#hoge.hoge

span#fuga.fuga

div#hoge.hoge

でいうと

div

#hoge

.hoge

Combinator と Sequence of simple slectors を組み合わせた

~ span#fuga.fuga

とか

> li

みたいなものにも名前が欲しいなあ。プログラムではこの単位で扱うことが多いので。
Combinator and sequence of simple seletors とでも読んでおくか。

JavaScript でこれを扱うオブジェクトを作るときは

var caoss = new CSSCombinatorAndSequenceOfSimpleSelectors();

とかになるのかな＞＜長い＞＜
カオス＞＜

IT戦記