Выбор последней строки элемента <p>

Question

Мне известно о селекторе :first-line в CSS, но я не могу найти ничего, что позволило бы мне выбрать последнюю строку.

Причина, по которой я пытаюсь выбрать последнюю строку, заключается в том, что я хочу иметь возможность определить атрибуты text-overflow и white-space последней строки.

Я пытаюсь избежать использования JavaScript для формирования решения.

Answer 1

Я не думаю, что это можно сделать только с помощью CSS.Функция jQuery или PHP может получить желаемую сумму

Answer 2

К сожалению, нет подходящего селектора CSS.

Однако вы можете выбрать первую строку, используя псевдоэлемент :first-line. К сожалению, на данный момент нет эквивалента для последней строки.

Answer 3

IIRC, единственный контроль CSS над последней строкой - выравнивание текста:

text-align-last: right;

Боюсь, что JavaScript или фактически обёртывание последней строки в span и стилизация, это единственный способ,Ниже приводится JS для справки.

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

Answer 4

Вы можете использовать только одну строку и указать css: nth-child(3)

Здесь (3) обозначает номер последней строки