2015-05-31 2 views
1

Я пытаюсь покрасить определенное слово внутри абзаца. Есть ли способ сделать это?Как окрасить определенное слово внутри тега абзаца?

Это то, что я пытаюсь достичь:

enter image description here

Say в <p>Hello World</p>, я хочу, чтобы цвет слово «мир» в этом пункте.

Есть ли способ сделать это?

Чтобы сделать вещи ясно, вот что я хочу добиться:

enter image description here

+0

Если гнездо определенного слова в ' ', я не вижу, как это сделать. – D4V1D

+1

Вы просите HTML-теги для достижения этого или PHP-код сделать это динамически для разных слов? – nhee

+0

Да, я пытаюсь найти код, в котором все слова «Мир» внутри абзаца должны быть зелеными, независимо от того, сколько слов «Мир» внутри, поэтому все они должны быть зелеными. –

ответ

2
$paragraph = "Hello World"; 
$paragraph = str_replace('World', '<span class="highlightClass">World</span>', $paragraph); 
echo '<p>'.$paragraph.'</p>'; 

CSS

.highlightClass{ 
color:green; 
} 
+0

Возможно, это было то, что он хотел ... но он не был ясен .. стилизованный пролет выглядит так, как он думает, как ответил Дэвид .. OP должен уточнить .. –

+0

Это путь. Также рассмотрите возможность использования HTML5 '' вместо '' – Rudi

+0

это можно использовать, спасибо! –

2

Используйте SPAN TAG

<p>Hello <span style='color:green'>world</span></p>

+0

Кто это сказал? Это именно то, что парень попросил lol –

+0

это не должно быть одобрено – Rasel

+0

да, но у меня есть

Hello World

, но мой параграф может содержать много мира, которое повторяется, поэтому я буду помещать этот диапазон в каждое слово, которое я хочу положить, мы имеем это, как и все слова «Мир» внутри абзаца должны быть зелеными –

2

Вы можете достичь этого с помощью JavaScript и

проверка этого примера

<style> 
.green{ 
    color:green; 
} 
</style> 
<div id="paragraph"> 

</div> 
<script> 
var mystring = "This is a very long paragraph with some green words highlighted with green color. green, green, green" 
mystring = mystring.replace(new RegExp("green", 'g'), "<span class='green'>green</span>"); 
document.getElementById("paragraph").innerHTML=mystring; 
</script> 

Он будет применяться стиль для всех слов в пункте при условии

Отъезд JSfiddle Demo

https://jsfiddle.net/t9e04sgv/

+0

он работает очень хорошо :) –

Смежные вопросы