ลำดับการเรียงซ้อนสไตล์ CSS
เมื่อใช้สไตล์ชีตหลายสไตล์ สไตล์ชีตจะต้องแข่งขันกันเพื่อควบคุมตัวเลือกเฉพาะ ในกรณีเหล่านี้ จะมีกฎสไตล์ชีตที่จะควบคุมอยู่เสมอ คุณสมบัติต่อไปนี้จะกำหนดผลลัพธ์ของสไตล์ชีตที่แข่งขันกัน
ตามที่กล่าวไว้ก่อนหน้านี้ ทั้งผู้เขียนหน้าเว็บและผู้อ่านมีความสามารถในการระบุสไตล์ชีต เมื่อกฎทั้งสองข้อขัดแย้งกัน กฎของผู้สร้างหน้าเว็บจะแทนที่กฎอื่นๆ ของผู้อ่านที่มีน้ำหนักเท่ากัน สไตล์ชีตของผู้สร้างเว็บเพจและผู้อ่านมีมากกว่าสไตล์ชีตในตัวของเบราว์เซอร์
ผู้เขียนเว็บเพจควรใช้ ! กฎสำคัญด้วยความระมัดระวัง เนื่องจากกฎเหล่านั้นจะแทนที่กฎสำคัญใดๆ ที่ผู้ใช้มี ตัวอย่างเช่น ผู้ใช้อาจต้องการแบบอักษรขนาดใหญ่หรือสีเฉพาะเนื่องจากข้อจำกัดด้านการมองเห็น และผู้ใช้ดังกล่าวอาจประกาศกฎสไตล์บางอย่างว่า ! สำคัญ เนื่องจากสไตล์เหล่านี้มีความสำคัญอย่างยิ่งสำหรับผู้ใช้ในการอ่านหน้าเว็บ กฎที่สำคัญใดๆ ! จะแทนที่กฎทั่วไป ดังนั้นขอแนะนำให้ผู้เขียนหน้าเว็บใช้กฎทั่วไปเพื่อให้แน่ใจว่าผู้ใช้ที่มีความต้องการรูปแบบพิเศษสามารถอ่านหน้าเว็บได้
กฎตัวเลือก: แอตทริบิวต์ที่คำนวณจะขึ้นอยู่กับระดับแอตทริบิวต์ของพวกเขา สไตล์ชีตยังสามารถแทนที่สไตล์ชีตที่ขัดแย้งกันได้อีกด้วย นี่เป็นเพียงเกมสถิติที่นับจำนวนตัวเลือกที่ระบุ
นับจำนวนแอตทริบิวต์ ID ในตัวเลือก
นับจำนวนแอ็ตทริบิวต์ CLASS ในตัวเลือก
รูปแบบแท็กชื่อ HTML ในตัวเลือกสถิติ
สุดท้าย ให้เขียนตัวเลขสามตัวตามลำดับที่ถูกต้องโดยไม่ต้องเว้นวรรคหรือเครื่องหมายจุลภาคเพื่อให้ได้ตัวเลขสามหลัก (โปรดทราบว่าคุณต้องแปลงตัวเลขให้เป็นตัวเลขที่มากขึ้นซึ่งลงท้ายด้วยตัวเลขสามหลัก) รายการตัวเลขสุดท้ายที่สอดคล้องกับตัวเลือกช่วยให้ระบุได้ง่ายว่าคุณสมบัติของตัวเลขที่สูงกว่าจะแทนที่คุณสมบัติของตัวเลขที่ต่ำกว่า ต่อไปนี้เป็นรายการตัวเลือกจำแนกตามคุณลักษณะ: #id1 {xxx} /* a=1 b=0 c=0 ——> ลักษณะ = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> ลักษณะ = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> ลักษณะ = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> คุณลักษณะ = 001 */ลำดับของคุณลักษณะมีไว้เพื่อความสะดวก เมื่อกฎสองข้อมีน้ำหนักเท่ากัน จะใช้กฎในภายหลัง
เมื่อใช้สไตล์ชีตหลายสไตล์ สไตล์ชีตจะต้องแข่งขันกันเพื่อควบคุมตัวเลือกเฉพาะ ในกรณีเหล่านี้ จะมีกฎสไตล์ชีตที่จะควบคุมอยู่เสมอ คุณสมบัติต่อไปนี้จะกำหนดผลลัพธ์ของสไตล์ชีตที่แข่งขันกัน
ตามที่กล่าวไว้ก่อนหน้านี้ ทั้งผู้เขียนหน้าเว็บและผู้อ่านมีความสามารถในการระบุสไตล์ชีต เมื่อกฎทั้งสองข้อขัดแย้งกัน กฎของผู้สร้างหน้าเว็บจะแทนที่กฎอื่นๆ ของผู้อ่านที่มีน้ำหนักเท่ากัน สไตล์ชีตของผู้สร้างเว็บเพจและผู้อ่านมีมากกว่าสไตล์ชีตในตัวของเบราว์เซอร์
ผู้เขียนเว็บเพจควรใช้ ! กฎสำคัญด้วยความระมัดระวัง เนื่องจากกฎเหล่านั้นจะแทนที่กฎสำคัญใดๆ ที่ผู้ใช้มี ตัวอย่างเช่น ผู้ใช้อาจต้องการแบบอักษรขนาดใหญ่หรือสีเฉพาะเนื่องจากข้อจำกัดด้านการมองเห็น และผู้ใช้ดังกล่าวอาจประกาศกฎสไตล์บางอย่างว่า ! สำคัญ เนื่องจากสไตล์เหล่านี้มีความสำคัญอย่างยิ่งสำหรับผู้ใช้ในการอ่านหน้าเว็บ กฎที่สำคัญใดๆ ! จะแทนที่กฎทั่วไป ดังนั้นขอแนะนำให้ผู้เขียนหน้าเว็บใช้กฎทั่วไปเพื่อให้แน่ใจว่าผู้ใช้ที่มีความต้องการรูปแบบพิเศษสามารถอ่านหน้าเว็บได้
กฎตัวเลือก: แอตทริบิวต์ที่คำนวณจะขึ้นอยู่กับระดับแอตทริบิวต์ของพวกเขา สไตล์ชีตยังสามารถแทนที่สไตล์ชีตที่ขัดแย้งกันได้อีกด้วย นี่เป็นเพียงเกมสถิติที่นับจำนวนตัวเลือกที่ระบุ
นับจำนวนแอตทริบิวต์ ID ในตัวเลือก
นับจำนวนแอ็ตทริบิวต์ CLASS ในตัวเลือก
รูปแบบแท็กชื่อ HTML ในตัวเลือกสถิติ
สุดท้าย ให้เขียนตัวเลขสามตัวตามลำดับที่ถูกต้องโดยไม่ต้องเว้นวรรคหรือเครื่องหมายจุลภาคเพื่อให้ได้ตัวเลขสามหลัก (โปรดทราบว่าคุณต้องแปลงตัวเลขให้เป็นตัวเลขที่มากขึ้นซึ่งลงท้ายด้วยตัวเลขสามหลัก) รายการตัวเลขสุดท้ายที่สอดคล้องกับตัวเลือกช่วยให้ระบุได้ง่ายว่าคุณสมบัติของตัวเลขที่สูงกว่าจะแทนที่คุณสมบัติของตัวเลขที่ต่ำกว่า ต่อไปนี้เป็นรายการตัวเลือกจำแนกตามคุณลักษณะ: #id1 {xxx} /* a=1 b=0 c=0 ——> ลักษณะ = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> ลักษณะ = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> ลักษณะ = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> คุณลักษณะ = 001 */ลำดับของคุณลักษณะมีไว้เพื่อความสะดวก เมื่อกฎสองข้อมีน้ำหนักเท่ากัน จะใช้กฎในภายหลัง