CSS에서 정규 표현식을 사용하여 텍스트를 숨길 수 있습니까?

Question

텍스트를 선택적으로 숨기려면 CSS에서 정규식을 사용할 수 있습니까?

나는 내가 monetry의 양으로 표시하려는 텍스트

Product Pack: pack of 50 +£20.00

가

내가 그렇게 twould 정규 표현식을 CSS에 추가 할 수있는

Product Pack: pack of 50 

을 제거해야?

Answer 1

CSS에는 정규 표현식을 사용할 수 없습니다. 수행하려는 작업을 수행하려면 자바 스크립트 (정규 표현식을 지원함) 또는 서버 측에서 HTML을 처리해야합니다.

---

CSS 선택기와 일부 HTML도 사용할 수 있습니다. 이 같은 돈 필드를 포위 할 수있는 경우 :

<span>Product Pack: pack of 50 <span class="money">+£20.00</span></span> 

당신은 수익이 창출 값을 숨기기 위해 다음과 같은 CSS를 작성할 수

.money { 
    display: none; 
} 

Answer 2

CSS 규칙은 DOM 요소에 적용됩니다. 텍스트의 일부가 DOM 트리의 별도 요소가 아니기 때문에 은 별도의 스타일 적용을 가질 수 없습니다.

그러나 백엔드에서 텍스트를 쉽게 처리하고 강조 표시 할 텍스트 주위에 적절하게 분류 된 SPAN을 삽입하고 해당 클래스에 스타일을 적용 할 수 있습니다.

예.

(백 엔드 언어가 무엇이든 일부 쉽게 작성 정규식을 사용하여이 달성된다)

<SPAN class="label">Product Pack</SPAN>: pack of <SPAN class="amount">50</SPAN> <SPAN class="price">+£20.00</SPAN>

다음 CSS를 가지고 : 당신의 HTML은 같은 백 엔드 처리를 종료 한 후, 볼 것 그 3 클래스에 적용

정적 HTML이거나 JS를 통해로드해야하는 경우 페이지가 동적으로 생성되거나 미리 생성된다는 제한이 있습니다 (개인적으로 백엔드를 선호합니다. 솔루션을 구현하는 경우 솔루션)