編輯中，盡請見諒 m(_ _)m

根據 http://css4.rocks/selectors-level-4 做一些筆記，有瀏覽器支援的話就也寫寫看~

11. Indeterminate-Value

    :indeterminate

12. Default Option

    :default

13. Validity

    :valid
:invalid

14. Range

    :in-range
:out-of-range

15. Optionality

    :required
:optional

16. User-Interaction

    :user-error

    :invalid :out-of-range :required

17. Mutability

    :read-only
:read-write

    兩個選到的元素性質正好相反

    <!-- 會被 :read-only 選到 -->
    <input value="lazy" readonly />
    
    <!-- 會被 :read-write 選到 -->
    <input value="lazy" />
    

18. Placeholder

    支援度已經還不錯了~!! http://caniuse.com/#feat=css-placeholder-shown
    

    可以選到有 placeholder，而且正在顯示 placeholder 的元素們。

19. Tree-Structural

    :empty 這個 selector 現在就能用了，但它滿嚴格的，有 content 或有子元素都不行。
    於是之後可能會出現 :blank，會稍微寬鬆一點點，可以包含空白、縮排，跟 segment break。

    目前 firefox 中可以用 :-moz-only-whitespace 來達到跟 :blank 一樣的效果。
    蠻期待的~!! 之後用在 contenteditable 的元素上就比較方便了 =D

20. Descendant Combinator

    這是個令人完全不懂的一個 selector~!! =皿=

    /* 用法 */
    E >> F
    
    /* 完全等同於 */
    E F
    

    網站裡面是這樣說的

    It's just more straightforward and makes the code clearer.

    但... 我暫時感受不到 O____Q
    附上兩則網友的留言，我的想法差不多就是這樣 XDD
    

21. Grid-Structural

    目前沒有任何瀏覽器有支援
    有三個在 grid / table 系統中可以使用的 pseudo-classes。

    :column(selector)
    :column() - 欄裡面的所有 cell
    :column(selector) - 欄裡面的所有符合 selector 的 cell

    :nth-column(n)
    可以選到第 n 欄裡面的所有 cell

    :nth-last-column(n)
    類似 :nth-column(n)，但是是從後面數過來的

    但總覺得很奇怪啊，之後不知道還會不會調整 ˊ______ˋ
    目前沒有 :row 系列的，而且個人覺得這個名字蠻不直覺的 ( 居然是選到 cell 而非 column? )