выберите первые три символа из строки в css

Question

У меня есть заголовок под названием «Счастливое начало». Теперь я хочу подчеркнуть только первые три символа. Например, «Hap» только вместо целых «Счастливых».

Как выбрать первые три символа «Счастливые» в css?

Answer 1

Копирование ответ от: change color css only first 6 character of text

---

Как насчет использования :before?

Я хотел бы изменить текст из "Клиент Благодарственное" на "Благодарственное", а затем с помощью CSS применить :before правило:

HTML:

<div class="word">Testimonial</div>​​​​​​​​ 

CSS:

.word { 
color: black;  
} 
.word:before { 
color: red; 
content: "Client "; 
} 

Пример: http://jsfiddle.net/LvZt7/

Answer 2

Используйте span тег

HTML-span тег используется для группирования и применения стилей к строковым элементам.

Существует разница между тегом span и тегом div. Тег span используется с встроенными элементами, в то время как тег div используется с блочным содержанием.

span{ 
 
    text-decoration:underline; 
 
    }

<p><span>Hap</span>py Starring</p>

Answer 3

CSS не имеют ничего, что может помочь вам стиль конкретные или какие-либо п символов.

Один из способов достижения этого - поместить эти 3 символа в интервал и стилизовать его с помощью css.

Что-то вроде

.word{ 
 
    color: green; 
 
} 
 
.word span{ 
 
    color: red; 
 
    text-decoration:underline; 
 
}

<div class="word"><span>Hap</span>py Starting</div>

Проверить эту скрипку https://jsfiddle.net/LfsLpz5g/

Или вы можете использовать <u> HTML тег также.

Answer 4

Вы можете просто сделать это:

<h1><u>Hap</u>py Starting!</h1> 

«и» Тег подчеркивает, только текст внутри него.

Answer 5

Быстрый способ решить проблему

<span style="text-decoration: underline;" >Hap</span>py Starting 

Или

Укажите идентификатор в тег диапазона, и вы можете настроить его в CSS части

<span id="someid" >Hap</span>py Starting 

В css

#someid 
{ 
    text-decoration: underline; 
    //do whatever you want 
}