CSS - Pseudo Classes and Pseudo Elements

Pseudo Classes และ Pseudo Elements เป็น selector ที่มีไว้สำหรับ select Element ที่อยู่นอกเหนือจาก Document Tree อย่างเช่น state ต่างๆในแต่ละ elements หรือ sub-part ของ element ซึ่งทั้ง Pseudo Classes และ Pseudo Elements นั้นมีให้ใช้งานมาตั้งแต่ CSS 1 ผมเคยสงสัยในความแตกต่างระหว่าง Pseudo Classes และ Pseudo Elements ว่ามันแตกต่างกันอย่างไร จนกระทั่งมาอ่านเจอในหนังสือเล่มหนึ่ง ซึ่งอธิบายความแตกต่างไว้ดังนี้ครับ เค้าเขียนเอาไว้ว่า Pseudo Class จะใช้สำหรับแบ่งแยกความแตกต่างในแต่ละ State ของ Element ยกตัวอย่างเช่น link state อาทิเช่น :hover, :visited, :active เป็นต้น สว่น Pseudo Element นั้นจะใช้สำหรับ access ใน sub-part ของ Element ยกตัวอย่างเช่น :first-line, :first-letter หวังว่าน่าจะช่วยให้เข้าใจความแตกต่างระหว่าง Pseudo Classes และ Pseudo Elements ได้มากขึ้นนะครับ

แหล่งที่มา : The Book of CSS3 - A Developer's Guide to The Future of Web Design เขียนโดย Peter Gasston