Question

我有一个由网页生成的表格元素，我需要将显示设置为无。但是，table元素没有id或与之关联的类。这就是我剩下的：

<table role="presentation" data-name="personal">

有没有人对如何隐藏这个有任何想法？我在上周试过了，但这不符合我的技能。

我还应该补充一点，我在页面上还有其他几个表格。唯一可区分的特征是'data-name =“personal”'似乎不同，因此我可能会定位数据名称，但不确定如何实现此目的。

Answer 1

试试这个：

table[data-name="personal"] {
  display:none;
}

Answer 2

Read about CSS Attribute Selector for more details.

Your case relating to [attribute="value"] Selector, so you can do the following:

Using data-name attribute:

table[data-name="personal"] {
	display:none;
}

Or using role attribute:

table[role="presentation"] {
	display:none;
}

Answer 3

以下是您可以尝试的一些示例存在属性display：none;

[data-value] {
/* Attribute exists */
}

[data-value="foo"] {
/* Attribute has this exact value */
}

[data-value*="foo"] {
/* Attribute value contains this value somewhere in it */
}

[data-value~="foo"] {
/* Attribute has this value in a space-separated list somewhere */
}

[data-value^="foo"] {
/* Attribute value starts with this */
}

[data-value|="foo"] {
 /* Attribute value starts with this in a dash-separated list */
}

[data-value$="foo"] {
/* Attribute value ends with this */
}

隐藏没有类或id的表元素

3 个答案: