html - css 选择单行文本 - 给它们不同的颜色

标签 html css lines

人,

我在段落中有一些文字:

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet nulla tellus. Suspendisse sed viverra turpis. Duis mollis, dolor vitae aliquam interdum, mauris mi ornare diam</p>

它会显示在宽度不可预知但高度已知的div中,所以会有几行文字。其余文本将被剪切(通过简单的溢出:隐藏)。

问题是,我需要为渲染文本的每一行赋予不同的颜色。如何使用 CSS3/HTML5 实现这一点?

我在考虑 CSS 计数器,但它们的值不能用作参数(在“content”属性之外),认为它在这里会很麻烦。

我想我需要像 first-line 这样的伪类,但有可能获得第 n 行。

我知道这可以通过 JS 在几行代码中完成,但我不能在那里使用它。

感谢您的帮助!

最佳答案

不幸的是,纯 CSS 是不可能的。

我想出了一个方法来满足您的要求,使用多个 <p> -标签:
http://jsfiddle.net/QM52C/1/

但是只有一个<p> -Tag,到现在这个日期根本不可能。

关于html - css 选择单行文本 - 给它们不同的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20724592/

相关文章:

javascript - 我想使用 javaScript (无 jquery)在 html 表列中的 100 个字符后添加 "..."或 ">>"图标

javascript - 如何使用 JQuery 以编程方式单击文本输入?

html - 为什么媒体查询中定义的字体颜色没有效果?

javascript - 下拉列表不在 jQuery 中为 .slideDown() 设置动画

css - 具有等间距 DIV 的流体宽度(也来自容器)

bash - 使用 BASH 或 awk 或 sed 或其他删除文件的前两行

javascript - jquery:循环相似的div

html - 如何使 float 元素在容器内居中

emacs - 自动在emacs中折叠多行注释

iPhone UITabBarItem 两行标题