javascript * 和的第一个字母< sub>< sup>[一式两份]

d7v8vwbk  于 2023-02-07  发布在  Java
关注(0)|答案(1)|浏览(126)
    • 此问题在此处已有答案**:

CSS :first-letter not working(3个答案)
48分钟前就关门了。
看起来<sub><sup>不支持::first-letter * CSS伪元素 *。知道如何解决这个问题吗?

p:first-letter,
sub:first-letter,
sup:first-letter {
  color: red;
  font-weight: bold;
}
<p>This text contains <sub>subscript</sub> text.</p>
<p>This text contains <sup>superscript</sup> text.</p>
zbdgwd5y

zbdgwd5y1#

::first-letter CSS伪元素将样式应用于块级元素的第一行的第一个字母,但仅当前面没有其他内容时。--::first-letter - CSS: Cascading Style Sheets | MDN
默认情况下,<sub><sup>元素不是 * 块级元素 *,但使用CSS display属性和inline-block值可以更改这一点。

p:first-letter,
sub:first-letter,
sup:first-letter {
  color: red;
  font-weight: bold;
}
sub,
sup {
  display: inline-block;
}
<p>This text contains <sub>subscript</sub> text.</p>
<p>This text contains <sup>superscript</sup> text.</p>

相关问题