ຄູ່ມືການອະທິບາຍການຄັດຄວາມສະໜັບສະໜູນ
- ກ່ອນການ ການສະໜັບສະໜູນບັນດາຄູ່ມື CSS
- ຫລັງການ CSS ການປະສົມ
CSS 选择器
CSS 选择器用于“查找”(或选择)您想要设置样式的 HTML 元素。
使用我们的 CSS 选择器测试器来演示不同的选择器。
CSS 简单选择器
简单选择器根据元素名称、id 和类选择元素。此外,还有通用选择器(*
)
ການເລືອກຕົວຢ່າງ | ການຕົວຢ່າງ | ການອະທິບາຍການຕົວຢ່າງ |
---|---|---|
element | p | ເລືອກຕົວຢ່າງທັງໝົດ <p>. |
#id | #firstname | ເລືອກຕົວຢ່າງ id="firstname". |
* | * | ເລືອກຕົວຢ່າງທັງໝົດ. |
.class | .intro | ເລືອກຕົວຢ່າງ class="intro". |
CSS ການເລືອກຕົວຢ່າງທາງປະສົມປະສານ
ການເລືອກຕົວຢ່າງທາງປະສົມປະສານຂອງອັນດັບ HTML ທີ່ມີຄວາມບັນທຶກຂອງປະສົມປະສານຂອງອັນດັບ.
ການເລືອກຕົວຢ່າງ | ການຕົວຢ່າງ | ການອະທິບາຍການຕົວຢ່າງ |
---|---|---|
[attribute] | [target] | ເລືອກຕົວຢ່າງທີ່ມີຄວາມບັນທຶກ target. |
[attribute=value] | [target=_blank] | ເລືອກຕົວຢ່າງທີ່ມີຄວາມບັນທຶກ target="_blank". |
[attribute~=value] | [title~=flower] | ເລືອກຕົວຢ່າງທີ່ມີຄວາມບັນທຶກ title ບັນຈາບັນທຶກ "flower". |
[attribute|=value] | [lang|=en] | ເລືອກຕົວຢ່າງທີ່ມີຄວາມບັນທຶກ lang ເລີ່ມຈາກ "en". |
[attribute^=value] | a[href^="https"] | ເລືອກຕົວຢ່າງທີ່ມີຄວາມບັນທຶກ href ເລີ່ມຈາກ "https". |
[attribute$=value] | a[href$=".pdf"] | ເລືອກຕົວຢ່າງທີ່ມີຄວາມບັນທຶກ src ທີ່ສິ້ນສຸດດ້ວຍ ".pdf". |
[attribute*=value] | a[href*="codew3c"] | ເລືອກຕົວຢ່າງທີ່ມີຄວາມປະກອບ "abc" ໃນຄວາມບັນທຶກ href. |
ການເລືອກຕົວຢ່າງຄົ້ນຄວ້າ CSS ສະເພາະ
ການເລືອກຕົວຢ່າງ | ການຕົວຢ່າງ | ການອະທິບາຍການຕົວຢ່າງ |
---|---|---|
& | & | ນຳໃຊ້ຮູບແບບສຳລັບປະກອບສັນຫາອື່ນໆ |
- ກ່ອນການ ການສະໜັບສະໜູນບັນດາຄູ່ມື CSS
- ຫລັງການ CSS ການປະສົມ