html - 在CSS中选择具有特定类的类

<math>
 <mfrac class="mfrac_class">
<mstyle class="num_class">
  <mrow>
    <mn>1</mn>
    <mi>a</mi>
  </mrow>
</mstyle>
<mstyle class="den_class">
  <mrow>
    <mi>x</mi>
  </mrow>
</mstyle>
</mfrac>
<mfrac class="mfrac_class">
<mstyle class="num_class">
  <mrow>
    <mn>2</mn>
    <mtext class="mtext_class">b</mtext>
  </mrow>
</mstyle>
<mstyle class="den_class">
  <mrow>
    <mn>3</mn>
    <mtext class="mtext_class">c</mtext>
  </mrow>
    </mstyle>
  </mfrac>
</math>

我想为具有num_class的num_class和mtext_class应用单独的样式。
我知道如何在JQuery中做到这一点，但是我需要CSS中任何更好的解决方案。

不要将其混淆为无效的HTML，这是Mathml，它是HTML的一部分。



结论在CSS中没有解决方案，必须在JQuery中解决

最佳答案

只是注意到您想基于子类组合来定位父元素，而单独使用CSS不可能实现，您可以将jQuery .parent()或.closest()与.has()结合使用以实现目标...

$('ul.num_class').has('li.mtext_class').closest('ul.num_class').css({
    'border':'1px solid #f00'
});

Demo