使用 CSS 设置段落每 n 行的样式

Styling every nth line of a paragraph with CSS

提问人:Carl J. Kurtz 提问时间:11/8/2023 更新时间:11/8/2023 访问量:42

问:

如何在不手动添加换行符或插入标签的情况下使用 css 设置段落每 n 行的样式,以便换行符仍然由容器的宽度定义?段落中的行是否有类似于 but 的东西?:nth-of-type

例:

我想设计一下这个样式:

<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
<p>

喜欢这个:

Lorem ipsum dolor sit amet, consetetur

Sadipscing Elitr, sed diam nonumy eirmod

tempor invidunt ut labore et dolore magna

Aliquyam erat, sed diam voluptua.

(换行符应由容器的宽度定义。

我的想法:

p:nth-line(2n) {
  font-weight: bold;
}
HTML CSS CSS 选择器

评论


答: 暂无答案