텍스트 전체에서 특정 문자 색을 변경하십시오.

Question

모든 별처럼 일부 문자의 색상을 변경하려는 텍스트에 문제가 있습니다.

<p> Pedram Marandi * is a developer * He works at Foolanja. </p> 

내가 빨간색으로 *의 색상을 변경하려면 :

내 텍스트는이 같은 것입니다.

나는이 코드를 시도했다 :

p:after { 
    content: '*'; 
    color: red; 
} 

을하지만이 코드는 내 p 태그 후 별을 추가 할 것 같다. 어떻게해야합니까? CSS만으로 가능합니까?

Answer 1

그것은 단지 CSS로 불가능합니다,하지만 당신은 그것을 위해 자바 스크립트를 사용할 수 있습니다. 예를 들어 :

Array.prototype.forEach.call(document.getElementsByTagName("p"), function(el) { 
 
    el.innerHTML = el.innerHTML.replace(/\*/g, "<span class='color-red'>*</span>"); 
 
});

.color-red { 
 
    color: red; 
 
}

<p>Pedram Marandi * is a developer * He works at Foolanja.</p>

Answer 2

특정 CSS 클래스가있는 별표에 특정 태그를 추가하면됩니다.

HTML :

<p> Pedram Marandi <i class="star">*</i> is a developer <i class="star">*</i> He works at Foolanja. </p> 

CSS :

.star {color:red;}