30 CSS Selectors ที่คุณต้องจำ
โลกของ CSS3 หากคุณเข้าใจและจดจำ CSS Selecter ได้อย่างขึ้นใจ ก็จะทำให้ควบคุมหน้าเว็บทั้งงานดีไซน์และลูกเล่นต่าง ๆ ได้อย่างสะดวกง่ายดาย
ทั้ง 30 CSS Selectors คือ
- *
- #X
- .X
- X Y
- X
- X:visited and X:link
- X + Y
- X > Y
- X ~ Y
- X[title]
- X[href="foo"]
- X[href*="nettuts"]
- X[href^="http"]
- X[href$=".jpg"]
- X[data-*="foo"]
- X[foo~="bar"]
- X:checked
- X:after
- X:hover
- X:not(selector)
- X::pseudoElement
- X:nth-child(n)
- X:nth-last-child(n)
- X:nth-of-type(n)
- X:nth-last-of-type(n)
- X:first-child
- X:last-child
- X:only-child
- X:only-of-type
- X:first-of-type
ดูรายละเอียดเพิ่มเติมได้ที่ The 30 CSS Selectors you Must Memorize