แปลจาก: นิตยสาร Smashing
จีน: การเข้ารหัสแบบเซน: วิธีที่รวดเร็วในการเขียนโค้ด HTML/CSS
โปรดเคารพลิขสิทธิ์และระบุแหล่งที่มาเมื่อพิมพ์ซ้ำ!
ในบทความนี้ เราจะสาธิตวิธีใหม่ในการพัฒนา HTML และ CSS อย่างรวดเร็วโดยใช้ไวยากรณ์ที่เลียนแบบตัวเลือก CSS ได้รับการพัฒนาโดย Sergey Chikuyonok คุณใช้เวลาเขียนโค้ด HTML นานเท่าใด (รวมถึงแท็ก คุณลักษณะ เครื่องหมายคำพูด วงเล็บปีกกา ฯลฯ) หากโปรแกรมแก้ไขของคุณมีคำแนะนำโค้ด คุณจะเขียนได้ง่ายขึ้น แต่ถึงอย่างนั้นคุณก็ยังต้องพิมพ์โค้ดจำนวนมากด้วยตนเอง
ใน JavaScript เมื่อเราต้องการได้รับองค์ประกอบเฉพาะบนหน้าเว็บ เราประสบปัญหาเดียวกัน เราต้องเขียนโค้ดจำนวนมาก ซึ่งกลายเป็นเรื่องยากที่จะรักษาและนำมาใช้ใหม่ เฟรมเวิร์ก JavaScript เกิดขึ้นและพวกเขายังแนะนำเอ็นจิ้นตัวเลือก CSS อีกด้วย ตอนนี้คุณสามารถใช้นิพจน์ CSS อย่างง่ายเพื่อรับองค์ประกอบ DOM ซึ่งค่อนข้างเจ๋ง
แต่จะเป็นอย่างไรหากคุณไม่เพียงแต่สามารถจัดวางและจัดตำแหน่งองค์ประกอบโดยใช้ตัวเลือก CSS แต่ยัง สร้างโค้ด ได้ด้วย ตัวอย่างเช่น หากคุณเขียนว่า:
div #content > h1 + p
...จากนั้นคุณจะเห็นผลลัพธ์ดังนี้:
< div id = "เนื้อหา" >