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

Question

<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 having mtext_class 应用单独的样式。我知道如何在 JQuery 中执行此操作，但我需要 CSS 中的任何更好的解决方案。

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

---

结论是在 CSS 中没有解决这个问题，必须在 JQuery 中解决

Answer 1

刚刚注意到您想要基于子类组合来定位父元素，这不可能单独使用 CSS，您可以使用 jQuery .parent()或 .closest()与 .has()实现这一点......

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

Demo