css - 带有输入元素的 td 的 css 选择器

Question

可能重复：
活动孩子的父母的复杂 CSS 选择器

我将如何制作一个将样式应用于具有输入子元素的表格单元格的 CSS 选择器？

Answer 1

不幸的是，你还不能在 CSS 中定位父元素（我相信它会出现在 CSS3 中）（见山姆的回答）。如果你想这样做，你要么必须 a) 使用 javascript，要么 b) 将类名添加到td包含输入的内容中。

这是一个很好的参考，您可以使用当前的选择器来定位子代、兄弟姐妹、类型等。

Answer 2

根据维基百科：

选择器无法上升

CSS 无法选择满足特定条件的元素的父级或祖先。更高级的选择器方案（例如 XPath）将支持更复杂的样式表。然而，CSS 工作组拒绝父选择器提案的主要原因与浏览器性能和增量渲染问题有关。

对于将来搜索 SO 的任何人，这也可能被称为祖先选择器。

Answer 3

如果您使用 jQuery：

$("td input").each(function() { $(this).parent("td").css("style", "value"); });