Question

我的html如下所示 - 并且除了在第一个＆＃34; td＆＃34;上设置类或ID之外，无权修改它。在行中。有没有办法定位整行，或者同时获得＆＃34; td＆＃34;行中的元素？

＆＃13;

<tr>
		<td width="50%" valign="top"><font class="subheader"><span class="eField">membershipCode</span>&nbsp;</font></td>
		<td width="50%" valign="top"><font class="text">Testing&nbsp;</font></td>
	</tr>

＆＃13;

部分内容在电子邮件中发布，所以我尽可能避免使用Javascript。我试过这个css，但到目前为止没有运气：

＆＃13;

<style type="text/css">
td span.eField { 
display:none;
}
td span.eField+td { 
display:none;
}
</style>

＆＃13;

有没有办法使用纯CSS进行此操作？

注意：我只想定位包含＆＃34; eField＆＃34;的行。元素 - 我可以隐藏元素本身，但不能获得下一行或整行。所以我不想隐藏表格中的所有行，只有少数几个。

谢谢，

-Jim

Answer 1

是的确你可以使用普通的CSS来做，如下面的小提琴演示：

使用以下两种方法

table tr td

或

table tr

http://jsfiddle.net/qLynh5n1/

Answer 2

我不太明白你想做什么。但是你不能使用：

tr,
td {
    css:css !important;
}

Answer 3

我知道您尝试使用类eField选择span的父级。 CSS有后代选择器，但不是相反。

a＆gt; img {border：none; } - 有效 - 直接在

下的所有img

a＆lt; img {border：none; } - 无效 - 全部直接在img

之上

Refer this link

Css选择器获取整个表行（tr）

3 个答案: