选择a的最后一行元件

Posted 2021-04-18

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

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

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

答案

我不认为这可以单独用CSS完成。 jQuery或php函数可能会让你想要什么

另一答案

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

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

另一答案

IIRC，最后一行唯一的css控件是text-align：

text-align-last: right;

我害怕javascript，或者实际上是在一个跨度和样式中包裹最后一行，这是唯一的方法。以下是JS供参考。

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

另一答案

你只能使用一行并给css：nth-child(3)

这里（3）表示最后一行的编号