Css选择器>只选择孩子而不是父母

时间:2014-07-10 06:02:11

标签: html css css-selectors

我想将background-color应用于具有input[type=text]的表格单元格。表中的每个单元格都有一个类.sapUiTableCell。我使用此选择器来选择具有input[type=text]

的单元格
td>.sapUiTableCell>input:not([type]){
   background-color : yellow !important;
}

背景仅适用于input字段,而不适用于整个单元格!

http://jsbin.com/tezite/1/edit

2 个答案:

答案 0 :(得分:3)

> 组成的选择器始终根据其定义选择子项。这就是为什么它被称为child selector

CSS中目前没有父选择器,即一个选择器,它将根据它作为子项的内容选择一个元素。见Is there a CSS parent selector?

实际结论是,通常您应该在单元格上设置class属性以区分它们,除非您可以根据它们嵌套的位置而不是它们的内容来选择它们。

答案 1 :(得分:2)

您使用的是直接child selector

  

> 组合子分隔两个选择器,并仅匹配第二个选择器匹配的元素,这些元素是第一个匹配的元素的直接子元素。

不幸的是,截至目前,CSS中没有父选择器。