CSS 组合器
CSS 组合器
组合器是解释选择器之间关系的某种机制。
CSS 选择器可以包含多个简单选择器。在简单选择器之间，我们可以包含一个组合器。
CSS ມີຄູ່ມືທີ່ພົບກັນສີ່ບັນດາຫຼັງຈາກນັ້ນ:
- ຄູ່ມືບັນດາພະຍາດລູກ (ຈັດສະບັບອອກສຽງ)
- ຄູ່ມືບັນດາພະຍາດລູກ (
>) - ຄູ່ມືບັນດາພະຍາດພີ່ນຫາດ (
+) - ຄູ່ມືບັນດາພະຍາດພີ່ນຫາດ (
~)
ຄູ່ມືບັນດາພະຍາດລູກ
ຄູ່ມືບັນດາພະຍາດລູກທີ່ເປັນລູກຂອງປະເພດກຳນົດຫາດຽວກັນ
ກໍານົດຄວາມຄິດລາວໃຫ້ເລືອກປະເພດ <p> ທັງໝົດທີ່ຢູ່ໃນ <div>。
ຄວາມຄິດຕົວຢ່າງ
div p {
background-color: yellow;
}
ຄູ່ມືບັນດາພະຍາດລູກ
ຄູ່ມືບັນດາພະຍາດລູກຂອງປະເພດກຳນົດຫາດຽວກັນ
ກໍານົດຄວາມຄິດລາວໃຫ້ເລືອກປະເພດ <p> ທັງໝົດທີ່ເປັນລູກຂອງ <div>。
ຄວາມຄິດຕົວຢ່າງ
div > p {
background-color: yellow;
}
ຄູ່ມືບັນດາພະຍາດພີ່ນຫາດຂອງບັນດາພະຍາດທີ່ເປັນພະຍາດດຽວກັນ
ຄູ່ມືບັນດາພະຍາດພີ່ນຫາດຂອງບັນດາພະຍາດທີ່ເປັນພະຍາດດຽວກັນກັບປະເພດກຳນົດຫາດຽວກັນ
ປະເພດບັນດາພະຍາດທີ່ເປັນພະຍາດດຽວກັນກັບພະຍາດຕ່າງໆຕ້ອງມີພະຍາດຜູ້ແທ້ງດຽວກັນ，“ຫຼັງຈາກ”ໝາຍເພນະວ່າ“ຕາມຫຼັງຈາກ”
ກໍານົດຄວາມຄິດລາວໃຫ້ເລືອກປະເພດ <p> ທັງໝົດທີ່ຕາມຫຼັງປະເພດ <div>。
ຄວາມຄິດຕົວຢ່າງ
div + p {
background-color: yellow;
}
ຄູ່ມືບັນດາພະຍາດພີ່ນຫາດ
ຄູ່ມືບັນດາພະຍາດພີ່ນຫາດກັນພິຈາລະນາປະເພດທັງໝົດທີ່ເປັນພະຍາດດຽວກັນກັບປະເພດກຳນົດຫາດຽວກັນ。
ກໍານົດຄວາມຄິດລາວໃຫ້ເລືອກປະເພດ <p> ທັງໝົດທີ່ເປັນພະຍາດດຽວກັນກັບ <div>。
ຄວາມຄິດຕົວຢ່າງ
div ~ p {
background-color: yellow;
}
ຄູ່ມື CSS ການປະສົມ
| ຄູ່ມື | ການຄົ້ນຄວ້າ | ການອະທິບາຍຄວາມຄິດ |
|---|---|---|
| element element | div p | ເລືອກປະເພດ <div> ທີ່ມີ <p> ທັງໝົດ。 |
| element>element | div > p | 选择其父元素是 元素的所有 元素。 |
| element+element | div + p | 选择所有紧随 元素之后的 元素。 |
| element1~element2 | p ~ ul | 选择前面有 元素的每个
|
