Селектор CSS для предложений после первого предложения

78
9

У меня вопрос о селекторе css. Я хочу выбрать все предложения после первого предложения в контейнере. Для первого предложения нет проблем:

 :first-line

Но я не могу найти способ выбрать предложения "после первой строки". Я пробовал что-то подобное, но он не работает.

:not(:first-line)

Вот скрипка с выбранным первым предложением, но это не решает мою проблему. http://jsfiddle.net/zono/2bDx8/С уважением.

спросил(а) 2021-01-19T17:41:15+03:00 6 месяцев, 1 неделя назад
1
Решение
63

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

.linesOfText {       /* :not(:first-line)) */
background-color: blue;
}

.linesOfText::first-line{
background:white;
}


DEMO

ответил(а) 2021-01-19T17:41:15+03:00 6 месяцев, 1 неделя назад
45

Фокус в том, что высота каждой строки по умолчанию равна 1em. Установка скрытой максимальной высоты и переполнения отображает только первую строку предложения.

http://jsfiddle.net/AqaLJ/2/

p  {
max-height: 1em;
overflow: hidden;
}

Другой подход может заключаться в использовании переполнения текста: эллипсис. Это намного удобнее, поскольку это указывает на то, что предложение имеет больше текста и обрезается.
http://jsfiddle.net/Wws6L/11/

p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}

ответил(а) 2021-01-19T17:41:15+03:00 6 месяцев, 1 неделя назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема