CSS Short Course
cascade ແມ່ນສິ່ງທີ່ເຮັດໃຫ້ CSS ຮູບແບບ ນັ້ນມີປະໂຫຍດ. ໃນສັ້ນ, cascade ກໍານົດຄໍາສັ່ງຂອງຄວາມສໍາຄັນສໍາລັບວິທີການທີ່ແຕກຕ່າງກັນຄໍເຕົ້າໄຂ່ທີ່ຄວນໄດ້ຮັບການນໍາໃຊ້. ໃນຄໍາສັບຕ່າງໆອື່ນໆ, ຖ້າທ່ານມີສອງແບບ:
p {color: red }
p {color: blue }
cascade ກໍານົດທີ່ສີວັກວັກຄວນ, ເຖິງແມ່ນວ່າແຜ່ນສະໄຕສະແດງໃຫ້ເຫັນວ່າພວກເຂົາຄວນຈະມີທັງສີແດງແລະສີຟ້າ. ໃນທີ່ສຸດພຽງແຕ່ຫນຶ່ງສີສາມາດຖືກນໍາໃຊ້ກັບວັກ, ດັ່ງນັ້ນຈຶ່ງມີຄໍາສັ່ງ.
ແລະຄໍາສັ່ງນີ້ຖືກນໍາໃຊ້ໂດຍທີ່ຕົວເລືອກ (p ໃນຕົວຢ່າງຂ້າງເທິງ) ມີຄວາມສໍາຄັນສູງສຸດແລະຄໍາສັ່ງທີ່ພວກເຂົາປາກົດໃນເອກະສານ.
ບັນຊີລາຍຊື່ຕໍ່ໄປນີ້ແມ່ນ simplification ຂອງວິທີການຂອງຕົວທ່ອງເວັບຂອງທ່ານຕັດສິນໃຈໃຫ້ສໍາລັບການລົງ:
- ຊອກຫາຢູ່ໃນເອກະສານແບບສໍາລັບຕົວເລືອກທີ່ກົງກັບອົງປະກອບ. ຖ້າບໍ່ມີຄໍເຕົ້າໄຂ່ທີ່ກໍານົດໄວ້, ຫຼັງຈາກນັ້ນໃຫ້ໃຊ້ກົດລະບຽບເລີ່ມຕົ້ນໃນເບົາເຊີ
- ເບິ່ງໃນຮູບແບບແບບສໍາລັບຕົວຄັດເລືອກທີ່ຖືກເລືອກ! ສໍາຄັນແລະນໍາໃຊ້ກັບອົງປະກອບທີ່ເຫມາະສົມ.
- ຮູບແບບທັງຫມົດໃນເອກະສານສະໄຕຈະ override ຮູບແບບຂອງຕົວທ່ອງເວັບເລີ່ມຕົ້ນ (ຍົກເວັ້ນໃນກໍລະນີຂອງຮູບແບບຂອງຜູ້ໃຊ້).
- ຕົວເລືອກສະໄຕແບບສະເພາະຫຼາຍຂຶ້ນ, ຄວາມສໍາຄັນທີ່ສູງກວ່າມັນຈະມີ. ຕົວຢ່າງ, div> p.class ແມ່ນສະເພາະກ່ວາ p.class ເຊິ່ງຫຼາຍກວ່າ p.
- ສຸດທ້າຍ, ຖ້າສອງກົດລະບຽບກ່ຽວກັບອົງປະກອບດຽວກັນແລະມີການເລືອກກ່ອນຫນ້າດຽວກັນ, ຫນຶ່ງທີ່ຖືກ loaded ສຸດທ້າຍ ຈະຖືກນໍາໃຊ້. ໃນຄໍາສັບຕ່າງໆອື່ນໆ, ແຜ່ນສະໄຕແມ່ນອ່ານຈາກເທິງຫາລຸ່ມ, ແລະຄໍເຕົ້າໄຂ່ທີ່ຖືກນໍາໃຊ້ຢູ່ເທິງສຸດຂອງຄົນອື່ນ.
ອີງຕາມກົດລະບຽບເຫຼົ່ານັ້ນ, ໃນຕົວຢ່າງຂ້າງເທິງ, ຂໍ້ຍ່ອຍຈະຖືກຂຽນເປັນສີຟ້າ, ເພາະວ່າ p {color: blue; } ມາສຸດທ້າຍໃນເອກະສານສະໄຕ.
ນີ້ແມ່ນຄໍາອະທິບາຍງ່າຍໆຂອງ cascade. ຖ້າທ່ານມີຄວາມສົນໃຈໃນການຮຽນຮູ້ເພີ່ມເຕີມກ່ຽວກັບວິທີການເຮັດວຽກຂອງ cascade, ທ່ານຄວນອ່ານ "Cascade" ຫມາຍຄວາມວ່າແນວໃດໃນ Cascading Style Sheets? ທີ່ຢູ່