CSS для выбирания/разрабатывания первого слова

Ответ на принятый ответ от CMS верен, я только что добавил некоторые функции:

  • обрезка и чистые входные пространства
  • тишины, двоеточия и пробелы
  • имеют день и время по умолчанию

// parse a date time that can contains spaces, dashes, slashes, colons
function parseDate(input) {
    // trimes and remove multiple spaces and split by expected characters
    var parts = input.trim().replace(/ +(?= )/g,'').split(/[\s-\/:]/)
    // new Date(year, month [, day [, hours[, minutes[, seconds[, ms]]]]])
    return new Date(parts[0], parts[1]-1, parts[2] || 1, parts[3] || 0, parts[4] || 0, parts[5] || 0); // Note: months are 0-based
}

68
задан Paulie_D 14 June 2019 в 10:52
поделиться

7 ответов

То, что Вы ищете, является псевдоэлементом, который не существует. Существует: первая буква и: первая строка, но нет: первое слово.

можно, конечно, сделать это с JavaScript. Вот некоторый код, я нашел, что это делает это: http://www.dynamicsitesolutions.com/javascript/first-word-selector/

78
ответ дан BoltClock 24 November 2019 в 14:10
поделиться

Я должен не согласиться с Dale... Сильный элемент является на самом деле неправильным элементом, чтобы использовать, подразумевая что-то о значении, использовать, или акцент содержания, в то время как Вы просто намереваетесь предоставить стиль элементу.

Идеально Вы были бы в состоянии выполнить это с псевдоклассом и Вашей таблицей стилей, но поскольку это не возможно, необходимо заставить разметку семантически исправить и использовать <span class="first-word">.

31
ответ дан Prestaul 24 November 2019 в 14:10
поделиться

Необходимо обернуть слово в промежуток для выполнения этого.

6
ответ дан hazzen 24 November 2019 в 14:10
поделиться

То же самое, с jQuery:

$('#links a').each(function(){
    var me = $(this);
    me.html( me.text().replace(/(^\w+)/,'<strong>$1</strong>') );
  });

или

$('#links a').each(function(){
    var me = $(this)
       , t = me.text().split(' ');
    me.html( '<strong>'+t.shift()+'</strong> '+t.join(' ') );
  });

(через 'Wizzud' на jQuery Mailing List)

20
ответ дан 24 November 2019 в 14:10
поделиться

Используйте сильный элемент, который является, это - цель:

<div id="content">
    <p><strong>First Word</strong> rest of paragraph.</p>
</div>

Тогда создают стиль для него в Вашей таблице стилей.

#content p strong
{
    font-size: 14pt;
}
2
ответ дан Dale Ragan 24 November 2019 в 14:10
поделиться

Нет простого метода CSS для этого. Вам, возможно, придется пойти с JavaScript + Regex для сования в промежутке.

Идеально, был бы псевдоэлемент для первого слова, но Вы являетесь неудачливыми, поскольку это, кажется, не работает. Мы действительно имеем: первая буква и: первая строка.

Вы могли бы быть в состоянии использовать комбинацию: после или: прежде для достигания его, не используя промежуток.

1
ответ дан Rob Allen 24 November 2019 в 14:10
поделиться

b разумный, дети. В начале, было слово # ~. И это был Первый Word, "неповрежденная строка символов (китайский язык или безотносительно) окруженный пробелом.

Объяснение ни для какого первого слова псевдо элемент? < b> b</b> разумный, дети. Первый # ~ является введением по абсолютному адресу в coreservice'spidgeonCRUSHfoundation. Изолируйте первое слово, и 'пуф', Ваши трещины всей машины OS и distappears? Хорошо затем, что относительно мнимого < < z> b> > отметить compression-of-# ~ наоборот? Nup! НИКАКОЙ ПЕРВЫЙ WORD YET.:-( Действительно, это - вещь основы на данный момент. OS-inside-an-OS в конечном счете напугает его, так или иначе. Думайте на этом, а.

Интерпретационным образом разговор, машина не может съесть себя. Мой комментарий является единственным машинным адресом здесь к настоящему времени. Больше действительности.

0
ответ дан 24 November 2019 в 14:10
поделиться
Другие вопросы по тегам:

Похожие вопросы: