ThaiCSS TV

CSS Selectors #10: Pseudo-Elements และ Combinators

หลังจากหายไป สามเดือนกว่าๆ วันนี้เราก็กลับมาพร้อมตอนสุดท้ายและล่าสุดของรายการ

พูดถึงเรื่อง Pseudo-Elements และ Combinators นะครับ ไม่ว่าจะเป็น ::first-line, ::first-letter, ::before, ::after, Descendant combinator (E F), Child combinator (E>F), Adjacent sibling combinator (E+F) และ General sibling combinator (E~F)

เรายังยืนหยัดในความมีสาระน้อย แต่พูดคำว่า “ครับ” มากมายเหมือนเดิม

CSS Selectors #8 – Structural Pseudo-Classes+The Negation Pseudo-Class

เร่เข้ามาพ่อแม่พี่น้อง ThaiCSS TV รายการ สบาย สบายกับ CSS Selectors ตอนที่ 8 เดินทางมาถึงแล้วครับ

สำหรับตอนนี้ยังอยู่ในเรื่องของ Structural Pseudo-Classes อีกนิดหน่อย ในเรื่องของ :first-child / :last-Child / :first-of-type / :last-of-type / :empty และผมขอแถมด้วยเรื่องการใช้ The Negation Pseudo Class อย่าง :not() อีก 1 ตัวครับ

ผมอาจจะพูดไม่ระเอียดหรือยกตัวอย่างให้ดูมากมายนัก อยากจะให้เราๆ ท่านๆ ได้ลองเขียนดูเองกับมือ จะได้เห็นกับตาว่าจริงๆ แล้วมันเป็นอย่างที่ผมพูดหรือไม่

CSS Selectors #7 Structural Pseudo-Classes

**แก้ไขจากที่พูดไว้ ผิด 1 ที่ครับ คือเรื่องของ li ตัวที่ 4 14 24 จากการเขียน (4n) เป็น (10n-6) ถึงจะแสดงผลได้แบบนั้น และการเขียน (4n) นั้นจะแสดงผล 4 8 12 16 ไปเรื่อยๆ คือข้ามทีละ 4 นะครับ

พร อันทะ ต้องขออภับในความผิดพลาดมา ณ ที่นี้ด้วยครับ

CSS Selectors #6 : Pseudo-Classes

สบาย สบายกับ CSS Selectors เดินทางมาถึงตอนที่ 6 แล้วครับพี่น้อง สำหรับในตอนนี้ ขอนำเสนอเรื่องของ Pseudo-Classes โดยเรายังอยู่ที่วังน้ำเขียวเก็บเกี่ยวอ๊อกซิเย่นกันกลางป่าเช่นเคย

ความยาวของตอนนี้อาจจะยาวไปนิด ถ้าผมเลือกเอาทั้งหมดที่ถ่ายทำไว้มา คงจะยาวกว่านี้เป็นแน่แท้ จึงตัดทิ้งไปบางส่วน ช่วงท้ายๆ จึงได้พูดเร็วกว่าปกติ

CSS Selectors #5 Class และ ID Selectors

ThaiCSS TV ภูมิใจเล็กๆ ที่จะนำเสนอรายการ สบาย สบายกับ CSS Selectors ตอนที่ 5 เรื่อง Class และ ID Selectors ตอนนี้เราย้ายสถานที่ออกไปไกล โดยได้แอบใช้พื้นที่ส่วนหนึ่งของโรงเรียนวังหมีพิทยาคม อ.วังน้ำเขียว จ.นครราชสีมา ในการถ่ายทำ แต่ใช่ว่าเมื่อสถานที่เปลี่ยนไปจะทำให้เราพูดเรื่องเรื่องมากยิ่งขึ้น แท้จริงแล้วเรากลับพูดให้งงงวยมากกว่าเดิมด้วยซ้ำ

เรื่อง Class และ ID ที่ดูเหมือนจะง่าย จริงๆ ถ้าไม่เข้าใจหลักการของมัน ก็อาจจะสับสนในชีวิตไปจวบจนอายุไขจะหาไม่เลยทีเดียว

CSS Selectors #4 Substring Matching Attribute Selectors

กลับมาพบกันทุกสัปดาห์อีกเช่นเคย กับ ThaiCSS TV ในรายการสบาย สบายกับ CSS Selectors วันนี้ถึงตอนที่ 4 พูดถึงเรื่อง Substring Matching Attribute Selectors หรือการเลือกเขียน Selectors แบบเลือกเอา คำที่ขึ้นต้น ลงท้าย หรือจากส่วนใดส่วนหนึ่งก็ได้จาก Attribute ของภาษาโครงสร้างมาสั่งงาน