<分区>
如果我有一个 CSS 定义为；
.grid .data table tr.selected td [class^="icon-"], .grid .data table tr.selected td [class*=" icon-"] {
background-image: url("../img/css-sprites.png");
}
它究竟是如何工作的？我的意思是，如果满足条件(tr 正在选择类并且它有一个子 td，它有任何具有包含名称“icon-”的类的子元素)
我的问题是背景图像将“应用于”哪个元素？
最佳答案
CSS 规则应用于匹配选择器的每个元素。因此，每个具有以 icon- 开头且具有指定父级的类名的元素都将获得该背景图像。
另请注意，有两条规则，以逗号分隔:
.grid .data table tr.selected td [class^="icon-"],
.grid .data table tr.selected td [class*=" icon-"]
多个选择器意味着一个或另一个需要匹配才能应用规则。
属性匹配选择器 ^= 表示“开始于”。 *= 表示“包含”。请点击第一条评论的链接以获取有关该特定类型选择器的更多信息:css selector by class prefix (感谢 BoltClock)。
关于jquery - CSS 选择器是如何工作的，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17648718/