[css] Selector & Combinator

順手記錄下~

原來一直弄錯以為combinator也應該叫做selector但是其實不是 XDD

這種含有關係的selector應該叫做combinator(組合器？)

selector

element

  就是html tag的選擇器

  例如：html, input, p, ...

#id

  如果我們有指定id給某個element, 就是選取有著此id的element

  例如：#datalist, #menu

.class

  如果我們有指定class給某個element, 就是選取有著此class的element

id與class差別是，id在整個頁面是要唯一的，但是class不需要

(這應該可以從名字就看得出來了，但是硬是不這樣用...誰拿你有辦法？)

在bootstrap裡面就定義了很多class給我們用.btn, .table等等

  

Combinator

看到descendant 跟child都要介紹，應該很明顯有英文單字詞彙不夠的感覺。

    descendant: 子孫

    child: 孩子, 小孩

    sibling: 兄弟

明顯是想混淆我們啊!!!!!! 這樣技術會比較值錢嗎?

descendant selector

    ex. div p：選擇div裡面所有的p

child selector

   ex. div > p：選擇剛好在div下一層的p

general sibling selector

   ex. div~p：選擇div之後所有的p

adjacent sibling selector

   ex. div+p：選擇剛剛好在div之後的一個p

這裡有飯粒：

    http://jsfiddle.net/progden/gd2Lx/

    http://jsfiddle.net/progden/Mf6zT/