รายละเอียดที่สำคัญในการทำความเข้าใจและการใช้ Cascading Style Sheets คือลักษณะการเรียงซ้อนของชื่อ นั่นคือจะจัดการกับกฎหลายข้อสำหรับองค์ประกอบเดียวกันได้อย่างไร สัปดาห์นี้ ผมจะแนะนำคุณลักษณะของ CSS โดยละเอียดพร้อมยกตัวอย่าง
ลำดับความสำคัญ
คุณสมบัติ CSS มีลำดับความสำคัญมากกว่าคุณสมบัติ HTML คุณสามารถใช้แอตทริบิวต์ HTML ในเบราว์เซอร์ที่ไม่รองรับ CSS ได้ แต่การเพิ่มการรองรับ CSS ให้กับเบราว์เซอร์จะไม่มีผลใดๆ เมื่อใช้ CSS สิ่งสำคัญคือต้องมีความเข้าใจอย่างลึกซึ้งเกี่ยวกับที่มาของกฎ CSS
แหล่งที่มา
เมื่อพิจารณาถึงการใช้กฎ CSS มักจะมีสองประเด็น อย่างแรกคือตัวอ่านซึ่งสอดคล้องกับผู้ใช้ที่ดูเว็บแอปพลิเคชันผ่านเบราว์เซอร์ที่ต้องการ ด้านที่สองคือผู้เขียนซึ่งเป็นนักพัฒนาเว็บตัวจริงที่พัฒนาเว็บแอปพลิเคชัน
ผู้ใช้จะจัดการการตั้งค่าผู้อ่าน กล่าวคือ พวกเขาสามารถพัฒนาสไตล์ชีตของตนเอง จากนั้นแจกจ่ายผ่านการตั้งค่าเบราว์เซอร์ ตัวอย่างเช่น ผู้ใช้อินเทอร์เน็ตเบราว์เซอร์ IE 6 สามารถระบุสไตล์ชีตของผู้ใช้ผ่านทางเมนูเครื่องมือ | ตัวเลือกอินเทอร์เน็ต เพื่อให้สามารถใช้สไตล์ชีตของตนเองได้ นักพัฒนาเว็บพัฒนา CSS ของตนเองเพื่อระบุกฎและนำไปใช้กับหน้าเว็บ ในเวลาเดียวกัน เบราว์เซอร์มักจะมีกฎในตัว
น้ำตก
ลักษณะการเรียงซ้อนในตัวย่อ CSS หมายถึงกระบวนการรวมและเขียนทับกฎระหว่างแหล่งต่างๆ เมื่อใช้สไตล์ชีตหลายรายการพร้อมกัน ตัวเลือกที่กำหนดโดยสไตล์ชีตแต่ละอันจะแข่งขันกันเพื่อควบคุมกัน รายการต่อไปนี้ระบุลำดับข้อขัดแย้งระหว่างตัวเลือกสไตล์ชีตที่ได้รับการแก้ไข โดยรายการแรกคือสิ่งที่สำคัญที่สุด
ความสำคัญ: ตัวเลือกถูกกำหนดว่ามีความสำคัญหรือไม่?
แหล่งที่มาของกฎ: กฎถูกกำหนดไว้ที่ไหน
คุณสมบัติ: คุณสมบัติของกฎคืออะไร?
ลำดับ: อะไรคือสิ่งที่กำหนดไว้สุดท้าย?