在 CSS 中选择具有特定类的类答案

【问题标题】：selecting a class having a specific class in CSS在 CSS 中选择具有特定类的类
【发布时间】：2023-03-17 21:22:01
【问题描述】：

<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中没有。
不知道这是否可行？
感谢编辑 ZWord，我在这里尝试了很多格式。很快就会学会
类似：stackoverflow.com/questions/1014861/…

标签： html css mathml

【解决方案1】：

刚刚注意到您希望基于子类组合来定位父元素，这无法单独使用 CSS，您可以使用 jQuery .parent() 或 .closest() 和 .has() 来实现...

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

Demo

【讨论】：

其实我误解了这个问题。他正在寻找一种通过子元素类来设置元素样式的方法。如果两个类都在同一个元素上，这将起作用。
这是mathml，在html中有效
@madhu_p 不知道，但你想要实现的目标是 css 无法实现的
@madhu_p MathML =/= HTML，虽然前者包含在后者中，但它们是两种不同的规范，尽管标记相似。
@Daedalus 我同意你的看法。 MathML 与 HTML 不同。但我希望我的问题仍然有效。