Sheet Sheets Cascading ຫຼື CSS ຖືກສ້າງຕັ້ງຂຶ້ນເພື່ອໃຫ້ທ່ານສາມາດມີຄຸນສົມບັດຈໍານວນຫຼາຍທີ່ມີຜົນກະທົບຕໍ່ອົງປະກອບດຽວກັນ. ບາງບັນດາຄຸນສົມບັດເຫຼົ່ານີ້ອາດຂັດແຍ້ງກັບຄົນອື່ນ. ຕົວຢ່າງ, ທ່ານອາດຈະກໍານົດສີຂອງສີແດງໃນປ້າຍໂຄສະນາແລະຫຼັງຈາກນັ້ນ, ຫຼັງຈາກນັ້ນ, ກໍານົດສີຂອງສີຟ້າ. ຕົວທ່ອງເວັບຮູ້ຈັກສີທີ່ເຮັດໃຫ້ວັກແນວໃດ? ນີ້ແມ່ນການຕັດສິນໃຈໂດຍ cascade ໄດ້.
ປະເພດຂອງແຜ່ນຮູບແບບ
ມີສາມແບບທີ່ແຕກຕ່າງກັນຂອງຮູບແບບ:
- ແບບອັກສອນແບບຜູ້ຂຽນ
- ເຫຼົ່ານີ້ແມ່ນຮູບແບບທີ່ສ້າງໂດຍຜູ້ຂຽນຂອງຫນ້າເວັບ. ພວກເຂົາແມ່ນສິ່ງທີ່ຄົນສ່ວນໃຫຍ່ຄິດເຖິງເມື່ອພວກເຂົາຄິດເຖິງແບບ CSS.
- User Style Sheets
- ຮູບແບບຜູ້ໃຊ້ຖືກກໍານົດໂດຍຜູ້ໃຊ້ຂອງຫນ້າເວັບ. ເຫຼົ່ານີ້ອະນຸຍາດໃຫ້ຜູ້ໃຊ້ມີການຄວບຄຸມຫຼາຍກວ່າວິທີການສະແດງຫນ້າຕ່າງໆ.
- ໃບສະຫມັກແບບຕົວແທນຜູ້ໃຊ້
- ເຫຼົ່ານີ້ແມ່ນຄໍເຕົ້າໄຂ່ທີ່ເບົາເຊີເວັບໃຊ້ກັບຫນ້າເພື່ອຊ່ວຍສະແດງຫນ້ານັ້ນ. ຕົວຢ່າງເຊັ່ນ, ໃນ XHTML, ຕົວແທນຜູ້ໃຊ້ສ່ວນໃຫຍ່ເຫັນສະແດງໂຄ້ດ ທີ່ເປັນຂໍ້ຄວາມທີ່ຖືກອັກສອນ. ນີ້ຖືກກໍານົດໄວ້ໃນເອກະສານແບບຕົວແທນຜູ້ໃຊ້.
ຄຸນລັກສະນະທີ່ຖືກກໍານົດໄວ້ໃນແຕ່ລະແຜ່ນຊັ້ນໃນຂ້າງເທິງແມ່ນມີນ້ໍາຫນັກ. ໂດຍຄ່າເລີ່ມຕົ້ນ, ຮູບແບບຂອງຜູ້ຂຽນມີນ້ໍາຫນັກສຸດທິ, ປະຕິບັດຕາມແບບເອກະສານຜູ້ໃຊ້, ແລະສຸດທ້າຍໂດຍເອກະສານແບບຕົວແທນຜູ້ໃຊ້. ຂໍ້ຍົກເວັ້ນພຽງແຕ່ນີ້ແມ່ນມີກົດລະບຽບ ສໍາຄັນ ໃນເອກະສານສະໄຕຜູ້ໃຊ້. ນີ້ມີນ້ໍາຫນັກຫຼາຍກວ່າເອກະສານສະໄຕຂອງຜູ້ຂຽນ.
Order Cascading
ເພື່ອແກ້ໄຂຂໍ້ຂັດແຍ່ງ, ຕົວທ່ອງເວັບເວັບໄຊຕ໌ໃຊ້ຄໍາສັ່ງຈັດລຽງດັ່ງຕໍ່ໄປນີ້ເພື່ອກໍານົດວ່າແບບໃດມີລະດັບຄວາມສໍາຄັນແລະຈະຖືກນໍາໃຊ້:
- ຫນ້າທໍາອິດ, ຊອກຫາຄໍາປະກາດທັງຫມົດທີ່ກ່ຽວຂ້ອງກັບອົງປະກອບທີ່ຢູ່ໃນຄໍາຖາມແລະສໍາລັບປະເພດສື່ມອບຫມາຍ.
- ຫຼັງຈາກນັ້ນ, ເບິ່ງວ່າຮູບແບບແນວໃດມັນມາຈາກ. ໃນຖານະເປັນຂ້າງເທິງ, ຮູບແບບຂອງຜູ້ຂຽນມາກ່ອນ, ຫຼັງຈາກນັ້ນຜູ້ໃຊ້, ຫຼັງຈາກນັ້ນຕົວແທນຜູ້ໃຊ້. ມີ! ຄໍເຕົ້າໄຂ່ທີ່ຜູ້ໃຊ້ທີ່ສໍາຄັນມີຄວາມສໍາຄັນສູງກວ່າຜູ້ຂຽນ!
- ຕົວເລືອກທີ່ຊັດເຈນຫຼາຍແມ່ນ, ການບູລິມະສິດຫຼາຍມັນຈະໄດ້ຮັບ. ຕົວຢ່າງເຊັ່ນ, ແບບກ່ຽວກັບ "div.co p" ຈະມີຄວາມສໍາຄັນສູງກວ່າຫນຶ່ງໃນແທັບ "p".
- ສຸດທ້າຍ, ຈັດຮຽງກົດລະບຽບໂດຍຄໍາສັ່ງທີ່ພວກເຂົາໄດ້ຖືກກໍານົດ. ກົດລະບຽບທີ່ຖືກກໍານົດຕໍ່ມາໃນຕົ້ນໄມ້ເອກະສານມີຄວາມສໍາຄັນສູງກ່ວາທີ່ໄດ້ກໍານົດໄວ້ກ່ອນຫນ້ານີ້. ແລະກົດລະບຽບຈາກເອກະສານສະໄຕທີ່ນໍາເຂົ້າຖືກພິຈາລະນາກ່ອນກົດລະບຽບໂດຍກົງໃນເອກະສານສະໄຕ.