这里有几种不同的方法，你可以根据页面的实际情况来选择最合适的：

1. 通过 data-th 属性选择器 #

这是最直接的方式，因为这个元素的data-th属性值是明确的：

td[data-th="Select"] {
  /* 示例样式，你可以替换成自己需要的 */
  background-color: #f5f5f5;
  cursor: pointer;
}

2. 通过 aria-label 属性选择器 #

如果这个aria-label的值在页面里是唯一的，也可以用它来定位：

td[aria-label="Select "] {
  /* 注意：这里的属性值要和HTML里完全一致，包括末尾的空格 */
  border: 1px solid #ddd;
}

3. 组合多个属性选择器（提升精准度） #

如果页面上有其他类似属性的元素，你可以同时组合多个属性来缩小范围，避免误选：

td[data-th="Select"][aria-label="Select "][role="checkbox"] {
  /* 这种方式选中的元素会非常精准，几乎不会出错 */
  outline: 2px solid #2196F3;
}

4. 通过 role 和 tabindex 属性组合 #

这两个属性也可以作为定位依据，适合需要筛选特定交互属性元素的场景：

td[role="checkbox"][tabindex="0"] {
  /* 自定义样式 */
}

需要提醒的是，使用属性选择器时，属性值要和HTML中的完全匹配（包括空格、大小写，虽然CSS属性选择器默认大小写不敏感，但保持一致能避免意外问题）。如果这个元素在页面中有多个相同属性的副本，你可以结合它的父元素选择器来进一步精准定位哦~

内容的提问来源于stack exchange，提问作者Waq