带有输入元素的td的css选择器[重复]

Posted 2023-03-06

【中文标题】带有输入元素的td的css选择器[重复]

【英文标题】：css selector for td with an input element [duplicate]

【发布时间】：2010-10-07 11:37:26

【问题描述】：

可能重复：Complex CSS selector for parent of active child

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

【问题讨论】：

Jeremy，你能澄清一下：你想根据 td 元素是否包含输入元素来设置它的样式。您不是在尝试设置输入元素的样式。对吗？

单元格是如何生成的，您可以将一个类仅应用于具有输入的单元格吗？如果没有，您必须使用 jquery 之类的东西动态地执行此操作（据我所知，您不能选择某些东西的父级...）。

【参考方案1】：

According to Wikipedia:

选择器无法上升

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

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

【参考方案2】：

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

Here is a nice reference 您目前可以用来定位子级、兄弟级、类型等的选择器。

【参考方案3】：

如果您使用的是 jQuery：

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