0

Это можно сделать только посредством css не оборачивая слова в html?

Поиск по google дал ::first-letter и text-transform, но это не то.

2 ответа 2

2

Сделать это средствами css невозможно. Более того, выделение предложения - непростая семантическая задача. Точки не годятся (г. Москва, 1990 г.р., гр. Иванов и т.д. и т.п.)

Разумные результаты по выделению предложений мне удалось получить лишь с помощью Томита-парсера от Яндекс. Но он работает на php.

3
  • В исходном вопросе я немного не это имел в виду. Предложение фиксированно (некоторый текст, обернутый в div), и в этом конкретном divе надо первую букву каждого слова выделить цветом. И чтобы новый мелкий вопрос не открывать, не могли бы ответить на следующий: "Как сделать отступ между абзацами с помощью псевдоэлементов?"
    – yataw
    16 окт 2018 в 22:02
  • Ну, если предложение искать не надо, то задача намного легче, но опять же, решается только через js. 17 окт 2018 в 4:56
  • А зачем именно с помощью псевдоэлементоа? Чем обычный padding-bottom/margin-bottom не угодил? Но если сильно хочется, добавьте тот же margin блоку after 17 окт 2018 в 5:00
0

Почему то в сниппете не работает но вот песочница codepen jsfiddle

$(document).ready(function() {
    var words = $('.word').text().split(' ');
    var html = '';
    $.each(words, function() {
        html += '<span style="font-size:120%;color:red;text-transform:uppercase;">'+this.substring(0,1)+'</span>'+this.substring(1) + ' ';
    });
    $('.word').html(html);
});
<p class="word">
  lorem ipsum dolor sit amet consectetur adipisicing elit. os enim nemo, aperiam sunt alias corrupti harum inventore architecto repudiandae!
</p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

7
  • Js можно решить, кто ж спорит. 17 окт 2018 в 4:56
  • Ну и вы первую букву каждого слова ввделяете, а не предложения.. 17 окт 2018 в 4:58
  • @KAGGDesign на css только оборачивать в span а так такого css свойства не существует 17 окт 2018 в 4:58
  • @KAGGDesign в заголовке сказано что надо выделить первую букву в каждом слове 17 окт 2018 в 4:59
  • А, точно. Так и есть. 17 окт 2018 в 5:50

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.