- จัดระเบียบตั้งแต่ CSS selector ทั่วไป ไปจนถึง pseudo-class และ pseudo-element ต่าง ๆ ในรูปแบบภาพเพื่อให้เข้าใจได้ง่าย
- Selector: universal / element / class / ID / multiple / descendant / adjacent / child / general sibling
- comma combinator, lobotomized owl
- attribute & value
- link pseudo-class selectors
- input element(s): focused / checked / disabled / enabled / valid / invalid / optional
- child: first / last / nth / backward / only-child
- type: first-of / last-of / nth-of / backward / only-of
- target element selector
- has() parent selector
- negation pseudo-class
- pseudo-element: first child / last child / first letter / first line / list marker
- text input placeholder / style highlighted box
- อื่น ๆ: :root / :is() / :where() / :default / :empty / :fullscreen / :in-range / :out-of-range / :indeterminate / :read-only / :read-write / :lang()
1 ความคิดเห็น
โอ้.. สรุปไว้ได้ดีมากเลยครับ
ผมส่งต่อให้น้องใหม่ที่นั่งโต๊ะข้าง ๆ ไปแล้วครับ 555
พวกเครื่องมือต่าง ๆ ด้านล่างก็น่าสนใจและสนุกดีอยู่หลายตัวนะครับ
ขอบคุณสำหรับข้อมูลดี ๆ ครับ