Question

我想通过CSS选择器访问页面中的table。

表的结构如下：

<table border="1" width="560" cellspacing="0">
   <tr>
     <td height="28" colspan="3" bgcolor="#FFFFF...>
 </tr>
</table>

基本上我需要在一行中使用jquery或css选择器来访问table border=1

没有与table关联的类或ID，并且第n次访问的父子映射也不可能

基本上是table的选择器table border=1（border = 1不在style=""内），它只是HTML标记

<table border=1"> ....</table>

Answer 1

<强> [ATTR =值]

表示属性名称为attr且其值正好为“value”的元素。

table {
  width: 100%;
  height: 50px
}
table[border="1"] {
  background: red
}

<table border="1">
  <tr>
    <td></td>
  </tr>
</table>
<hr />
<table>
  <tr>
    <td></td>
  </tr>
</table>

注意：但我建议不要使用border HTML标记，因为它已被弃用。要使用table为border设置样式，您可以在CSS中使用属性border。

Answer 2

你的意思是这样吗？

table[border="1"]{
  background: red;
}

如果您只想检查是否存在border属性：

table[border]{
  background: blue;
}