번호 색상을 지정하는 방법

Question

나는 웹 사이트를 개발 중이며이 웹 사이트의 일부 페이지에는 관련 가격과 관련된 일부 서비스가 있습니다 (저는 WordPress를 CMS로 사용하고 있습니다).

나는 모든 가격을 다른 방식으로 색칠하고 싶습니다. 자바 스크립트를 사용하거나 간단히 특정 CSS 규칙을 사용하는 등 일부 자동 방법이 있는지 알고 싶습니다.

대안은 모든 가격 " <span class='price'>...</span>"와 같은 HTML 태그에하지만 나에게 나쁜 지루한 방법 ;-)

감사

Answer 1

HTML은 사실 추적하기가 매우 힘든 엉망입니다. 각 단락마다 고유 한 div가있는 것처럼 보입니다. 아니요 아니요, p 태그가 존재하기 때문입니다. 또한이 div는 모두 개별적으로 식별 할 수있는 방법이 없으므로 필요한 항목에 도달 할 수 없습니다.

여기서 가장 좋은 방법은 솔직히 말해서 당신이 찾은 모든 가격에 해당 범위를 두는 것입니다.

가격 옆에서만 사용되기 때문에 항상 모든 강력한 요소를 추적 할 수 있지만, 다른 곳에서는 강력한 태그를 다른 용도로 사용하면 버그가 발생할 수 있습니다. 부모 요소를 찾을 수있는 방법이 그것 CSS처럼 보이지 않기 때문에, 당신은 어쨌든 JS를 통해이 작업을 수행해야합니다 :

var pricedivs = document.getElementsByTagName("strong"); 
for (var i = 0; i < pricedivs.length; i++) { 
    pricedivs[i].parentNode.className = "price"; 
} 

와 관련된 CSS를 :

.price { color: red; } 
.price strong { color: black; } /* We only want the text beside the strong tag, so set the style back */ 

효과는 모두이다 강한 태그가있는 텍스트 주변의 텍스트는 빨간색으로 표시됩니다.

Answer 2

을 것 나를 위해 수동으로 할 수있는 코드가 삽입 될 수

우리가 당신 상황을 볼 수 있도록 공유합니까? 가격이 다른 어떤 식 으로든 분리되어 있다면, CSS 항목을 만들 수 있습니다.

페이지를 포맷하는 데 JS를 사용하는 것은 권장하지 않으므로 필요한 페이지의 정확한 부분에 실제로 액세스 할 수있는 방법을 찾을 수없는 경우가 아니면 페이지를 포맷해서는 안됩니다.

편집 : 당신이 할 수있는 일은 JS에서 텍스트의 숫자를 검색하고 그 범위를 감싸는 것입니다. 그러면 CSS가 나머지 작업을 수행합니다. 그러나 텍스트를 검색 할 때 조심하지 않으면 JS가 사용 중지 된 사용자의 숫자가 색상이되지 않습니다.

Answer 3

예를 들어 보겠습니다. 가격이 같은 구조에 http://www.3jolieistitutodibellezza.it/corpo-donna/이 페이지에서 :

<div><strong>Polyglyco Pell:</strong> 25,00</div><div>A base di Poli Idrossiacidi e Alfa Idrossiacidi, favorisce l&#8217;eliminazione delle cellule morte, agevola il turnover cellulare, dona turgore e levigatezza</div><div>al tessuto. Indicato per pelli spesse, ipercheratosiche, favorisce la riduzione delle smagliature di recente formazione.</div> 

JS를 사용하지 않고 어쩌면 그것은 가격을 찾으려면을하고 색상을 불가능하다.

가격을 표시하는 유일한 방법은 가격을 포함하는 컨테이너를 div에 추가하고 간단한 CSS 규칙을 적용하는 것입니다.

당신은 어떻게 생각하십니까?