选择<p>元素的最后一行</p>

时间:2012-02-10 12:11:36

标签: html css css-selectors

我知道CSS中的:first-line选择器,但我找不到任何可以让我选择最后一行的内容。

我尝试选择最后一行的原因是因为我希望能够定义最后一行的text-overflowwhite-space属性。

我试图避免使用JavaScript来形成解决方案。

4 个答案:

答案 0 :(得分:3)

我不认为只用CSS就可以做到这一点。 jQuery或PHP函数可能会想要你想要的东西

答案 1 :(得分:3)

不幸的是,没有适用的CSS选择器。

但是,您可以使用伪元素:first-line选择第一行。不幸的是,目前最后一行没有相应的内容。

答案 2 :(得分:1)

IIRC,对最后一行唯一的css控制是text-align:

text-align-last: right;

我害怕javascript,或者实际上是在一个范围内包裹最后一行并且造型,这是唯一的方法。以下是JS供参考。

var thetext = document.getElementById('some_element').innerHTML.split(/\r?\n/);
alert(thetext[thetext.length - 1]);

答案 3 :(得分:0)

您只能使用一行并提供css:nth-child(3)

这里(3)表示最后一行的编号