สำคัญบังคับให้เปลี่ยน Cascade
วิธีที่ดีที่สุดในการเรียนรู้วิธีสร้างรหัสเว็บไซต์คือการดูซอร์สโค้ดของเว็บไซต์อื่น ๆ การปฏิบัตินี้เป็นจำนวนมืออาชีพบนเว็บที่ได้เรียนรู้งานฝีมือของตนโดยเฉพาะอย่างยิ่งในวันก่อนที่จะมีตัวเลือกมากมายสำหรับ หลักสูตรการออกแบบเว็บ หนังสือ และไซต์การฝึกอบรมออนไลน์
ถ้าคุณลองใช้วิธีนี้และดูที่ cascading styles sheets ของเว็บไซต์ (CSS) สิ่งหนึ่งที่คุณอาจเห็นในโค้ดนั้นเป็นบรรทัดที่ระบุว่า! สำคัญ
สิ่งนี้มีความหมายและสำคัญแค่ไหนคุณใช้การประกาศแบบนี้ในสไตล์ชีตของคุณอย่างถูกต้องได้อย่างไร?
Cascade ของ CSS
ก่อนอื่นต้องทำความเข้าใจว่าสไตล์ชีตแบบเรียงซ้อนเป็น น้ำตกที่ มีความหมายอยู่ในลำดับที่เฉพาะเจาะจง โดยทั่วไปหมายความว่ารูปแบบจะถูกใช้ตามลำดับที่อ่านโดยเบราเซอร์ สไตล์แรกจะถูกใช้และจากนั้นเป็นต้นไป
ดังนั้นถ้าสไตล์ปรากฏที่ด้านบนสุดของสไตล์ชีตและจากนั้นจะถูกลดลงในเอกสารอินสแตนซ์ที่สองของสไตล์นั้นจะเป็นรูปแบบที่ใช้ในกรณีที่ตามมาไม่ใช่เป็นอันดับแรก โดยทั่วไปถ้าสองรูปแบบจะพูดสิ่งเดียวกัน (ซึ่งหมายความว่าพวกเขามีระดับเดียวกันของความจำเพาะ), คนสุดท้ายที่ระบุไว้จะถูกนำมาใช้
ตัวอย่างเช่นสมมติว่ารูปแบบต่อไปนี้มีอยู่ในสไตล์ชีท ข้อความย่อหน้าจะแสดงผลเป็นสีดำแม้ว่าจะใช้สีแดงสไตล์แรก
เนื่องจากค่า "ดำ" แสดงเป็นรายการที่สอง เนื่องจาก CSS ถูกอ่านจากบนลงล่างแล้วรูปแบบสุดท้ายคือ "สีดำ" ดังนั้นจึงเป็นที่หนึ่งที่ชนะ
p (สี: แดง; }
p (สี: ดำ; }
ความสำคัญการเปลี่ยนแปลงลำดับความสำคัญ
ตอนนี้คุณเข้าใจว่ากฎที่เหมือนกันเหล่านี้ได้รับการประมวลผลโดย CSS อย่างไรเราสามารถดูได้ว่าคำสั่งสำคัญนั้นมีการเปลี่ยนแปลงอะไรบ้าง!
คำสั่งที่สำคัญมีผลต่อวิธีการที่ CSS cascades ของคุณในขณะปฏิบัติตามกฎที่คุณรู้สึกว่าสำคัญที่สุดและควรใช้ กฎที่มีคำสั่งสำคัญ ๆ จะใช้ไม่ว่ากฎจะปรากฏในเอกสาร CSS ก็ตาม
เพื่อให้ข้อความย่อหน้าเป็นสีแดงเสมอจากตัวอย่างข้างต้นคุณจะใช้:
p (สี: แดง; สำคัญ; }
p (สี: ดำ; }
ขณะนี้ข้อความทั้งหมดจะปรากฏเป็นสีแดงแม้ว่าค่า "ดำ" จะปรากฏเป็นอันดับสอง คำสั่งสำคัญจะแทนที่กฎปกติของน้ำตกและให้ลักษณะเฉพาะที่สูงมาก
หากคุณจำเป็นต้องย่อหน้าให้ปรากฏเป็นสีแดงสไตล์นี้จะทำ แต่ไม่ได้หมายความว่านี่เป็นแนวทางที่ดี ลองดูต่อไปเมื่อคุณอาจต้องการใช้สิ่งสำคัญและเมื่อไม่เหมาะสม
เมื่อใดควรใช้! สำคัญ
คำสั่งที่สำคัญมากจะเป็นประโยชน์เมื่อคุณกำลังทดสอบและแก้ไขข้อบกพร่องของเว็บไซต์ หากคุณไม่แน่ใจว่าเหตุใดสไตล์จึงไม่ได้ถูกนำมาใช้และคิดว่าอาจเป็นปัญหาเฉพาะเจาะจงคุณสามารถเพิ่มการประกาศสำคัญลงในสไตล์ของคุณเพื่อดูว่ามีการแก้ไขปัญหาดังกล่าวหรือไม่
หากเพิ่มสิ่งสำคัญอย่างยิ่งก็ต้องแก้ไขปัญหาสไตล์คุณได้พิจารณาแล้วว่าเป็นปัญหาที่เฉพาะเจาะจง อย่างไรก็ตามคุณไม่ต้องการทิ้งรหัสที่สำคัญไว้ในสถานที่ แต่เพียงเพื่อจุดประสงค์ในการทดสอบเท่านั้น
ตั้งแต่การทดสอบเสร็จสิ้นคุณควรลบคำสั่งนั้นและปรับตัวเลือกของคุณเพื่อให้ได้ความเฉพาะเจาะจงที่คุณต้องการเพื่อให้รูปแบบการทำงานของคุณทำงาน สิ่งสำคัญไม่ควรเข้าสู่เว็บไซต์การผลิตของคุณส่วนหนึ่งเป็นเพราะการเปลี่ยนแปลงของน้ำตกตามปกติ
ถ้าคุณเอนเอียงหนักเกินไปในการประกาศที่สำคัญเพื่อให้ได้รูปแบบที่คุณต้องการในที่สุดคุณจะมีสไตล์ชีตที่เต็มไปด้วยความสำคัญ! คุณจะเปลี่ยนวิธีการประมวลผล CSS ของหน้าเว็บ เป็นการปฏิบัติที่ขี้เกียจซึ่งไม่ดีจากมุมมองในการบริหารระยะยาว
ใช้เป็นสิ่งสำคัญสำหรับการทดสอบหรือในบางกรณีเมื่อคุณต้องแทนที่สไตล์อินไลน์ที่เป็นส่วนหนึ่งของชุดรูปแบบหรือเทมเพลต
แม้ในกรณีดังกล่าวให้ใช้วิธีนี้เท่าที่จะเป็นไปได้และแทนที่จะมุ่งมั่นในการเขียนสไตล์ชีตที่สะอาดซึ่งเข้าใจน้ำตก
ชีตสไตล์ผู้ใช้
มีบันทึกสำคัญประการหนึ่งในคำสั่งสำคัญที่จำเป็นสำหรับการทำความเข้าใจ คำสั่งนี้ใช้เพื่อช่วยให้ผู้ใช้เว็บเพจสามารถรับมือกับสไตล์ชีตที่ทำให้หน้าเว็บใช้งานได้ยากสำหรับอ่านหรืออ่าน
โดยปกติถ้า ผู้ใช้กำหนดสไตล์ชีต เพื่อดูหน้าเว็บสไตล์ชีทจะถูกครอบงำโดย ชีตสไตล์ ของผู้เขียนเว็บเพจ ถ้าผู้ใช้ทำเครื่องหมายสไตล์ว่า "สำคัญ" ลักษณะนี้จะครอบงำสไตล์ชีตของผู้เขียนเว็บเพจแม้ว่าผู้แต่งทำเครื่องหมายว่ากฎเป็น!
วิธีนี้จะเป็นประโยชน์สำหรับผู้ใช้ที่ต้องการกำหนดสไตล์ตามที่กำหนด ตัวอย่างเช่นบางคนอาจจำเป็นต้องเพิ่มขนาดแบบอักษรเริ่มต้นบนหน้าเว็บทั้งหมดที่ใช้ เมื่อคุณใช้คำสั่งสำคัญที่สำคัญในหน้าเว็บที่คุณสร้างขึ้นคุณจะสามารถรองรับความต้องการพิเศษที่ผู้ใช้ของคุณอาจมี
แก้ไขโดย Jeremy Girard