能否通过CSS控制MathML的stretchy属性？

嘿，我来给你理一理这个问题~

首先明确说：你没法用CSS直接控制MathML的stretchy属性。原因很简单——stretchy是MathML元素的专属结构属性，不属于CSS能管控的样式属性范畴。CSS负责的是视觉表现层面的样式（比如你例子里的color: red能生效，就是因为颜色是标准CSS样式），但它没法修改MathML元素本身的这类功能属性。

你写的那段CSS里，.nonstretchy { stretchy: 'false'; }这行其实是无效的，因为CSS标准里根本没有stretchy这个属性，浏览器会直接忽略这条规则，所以只有颜色样式生效，括号还是会保持拉伸的特性。

那要实现批量控制stretchy的需求怎么办？给你两个可行的办法：

• 直接在目标MathML元素上写属性：比如把<mo class=nonstretchy>()</mo>改成<mo class=nonstretchy stretchy="false">()</mo>，这是最直接的方式。
• 用JavaScript批量处理：如果有很多元素需要修改，写一小段JS代码来批量设置属性会更高效，比如：

document.querySelectorAll('.nonstretchy').forEach(el => {
  el.setAttribute('stretchy', 'false');
});

这样所有带nonstretchy类的mo元素都会被设置成不拉伸的状态啦。

内容来源于stack exchange