/* 选取有"data-id"属性的所有元素 */ [data-id] { ... } /* 选取有"data-id"属性且属性值为"1"的所有元素 */ [data-id="1"] { ... } /*选取有"data-id"属性且属性值以"test"开头的所有元素*/ [data-id^="test"] { ... } /*选取有"data-id"属性且属性值以"test"结尾的所有元素*/ [data-id$="test"] { ... } /*选取有"data-id"属性且属性值包含"test"的所有元素*/ [data-id*="test"] { ... }
使用属性选择器可以方便地对页面上的元素进行筛选和样式修改。同时,也可以通过使用属性选择器实现JavaScript与CSS之间的交互。