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 应用 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

选择CSS中具有特定类的类

1 个答案: