基于表边界值的CSS选择器

Question

我想table通过CSS选择器访问页面.

该表的结构如下:

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

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

没有与table第n次访问的父子映射相关联的类或id 也是不可能的

基本上是选择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>

注意:我建议不要使用borderHTML标记,因为它已被弃用.要table使用a 来设置样式,border可以使用borderCSS中的属性.

Answer 2

你的意思是这样的吗？

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

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

table[border]{
  background: blue;
}