css - 根据元素是否包含特定子元素有条件地设置元素样式？

Question

这是引用 site 上的导航菜单我正在研究:
我对这些特定的 anchor (子导航按钮)应用了悬停样式:

ul#css3menu ul li:hover>a {

现在我想进一步设置任何具有子 span 元素的 anchor 的样式。我该如何编码？
通过将样式应用于 span 元素，我在某种程度上起作用了:

ul#css3menu ul span:hover{

这个问题是样式仅在悬停在 span 元素的空间上时应用，而不是在悬停在 span 的父级 anchor (整个子导航按钮包括其填充)上时应用

Answer 1

CSS 目前没有办法检查 child (或者，本质上是“ parent 选择器”的东西，在讨论 css 时经常作为一厢情愿的想法出现。阅读更多:http://css-tricks.com/parent-selectors-in-css/)

为了设置类似的样式，您必须使用 jQuery(或 javascript...)

$('ul').each(function () {
  if ($(this).find('span').length) {
    $(this).css({your style here});
  }
}

如果您所做的不是动态的，那么预先为这些列表赋予一个类并设置它们的样式总是最简单的。