CSS를 사용하여 두 HTML 요소 사이의 텍스트를 제거하거나 숨기는 방법이 있습니까?

user9233287

순전히 CSS로 두 요소 사이의 텍스트 (이 경우 & ndash)를 제거하거나 숨길 수있는 방법이 있습니까? HTML에 대한 액세스 권한이 없다고 가정 해 보겠습니다.

이것은 제 경우에 레이아웃이 정확히 어떻게되는지입니다.

<span class="foo">
    <span class="bar">sometext</span> 
    &ndash; <!-- hide this! -->
    <span class="bar">sometext</span>
</span>

나는 not ()을 사용했을 때 미니 유레카 순간을 보냈습니다. 단순히 foo를 선택하고 모든 것을 숨기지 만 스팬 (.bar)도 시도하지 않았습니다. 나는 불행히도 도움이되지 않은 다음과 같이 시도했습니다.

.foo:not(span) {
    content: ""; //tried to set their content as nothing
    display: none; //and tried to simply hide them
}

n 번째 줄을 선택하는 의사 요소가 없다고 생각합니까? :: first-line처럼

감사

zer00ne

상속과 투명한 색상을 사용하십시오. 클래스와 같은 선택자를 반복하여 이중 특이성을 가진 어린이를 보호하십시오 . :.bar.bar

span.foo {
  color: rgba(0,0,0,0) /* or color: transparent */
}

span.bar.bar {
  color: tomato;
}
<span class="foo">
    <span class="bar">sometext</span> 
    &ndash; <!-- hide this! -->
    <span class="bar">sometext</span>
</span>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

CSS를 사용하여 형제가 아닌 요소를 표시하거나 숨기는 방법이 있습니까?

분류에서Dev

자바 스크립트를 사용하여 값이있는 HTML 요소 제거

분류에서Dev

CSS없이 두 개의 HTML 요소를 나란히 정렬하는 방법이 있습니까? 어떻게?

분류에서Dev

jQuery를 사용하여 html 요소에서 클래스를 추가하거나 제거하는 방법

분류에서Dev

체크 박스를 사용하여 HTML 요소를 표시하거나 숨기는 방법

분류에서Dev

Javascript를 사용하여 html 요소를 비활성화하거나 제거하는 방법

분류에서Dev

조건문을 사용하여 핸들 바에서 HTML 요소를 표시하거나 숨기는 방법

분류에서Dev

C #을 사용하여 목록에서 요소를 제거하는 더 좋은 방법이 있습니까?

분류에서Dev

Angular ngIf diretive를 사용하여 요소를 표시하거나 숨기는 방법은 무엇입니까?

분류에서Dev

HTML 테이블에서 행 사이의 테두리를 숨기고 CSS를 사용하여 열 사이의 테두리 만 표시하는 방법

분류에서Dev

vanilla JS를 사용하여 요소의 HTML 텍스트를 바꿀 수 있습니까? e.target.innerHTML.replace ( '이전 텍스트', '새 텍스트');

분류에서Dev

angularjs를 사용하여 html 요소 내부의 텍스트를 얻는 방법은 무엇입니까?

분류에서Dev

Vanilla JS를 사용하여 여러 HTML 텍스트 요소를 전환하는 방법은 무엇입니까?

분류에서Dev

CSS 또는 JQuery를 사용하여이 요소를 숨기는 방법

분류에서Dev

Angularjs를 사용하여 HTML 요소에 배열 json 객체를 표시하는 방법이 있습니까?

분류에서Dev

Javascript를 사용하여 HTML의 입력 텍스트 필드를 기반으로 텍스트 요소를 변경하는 방법은 무엇입니까?

분류에서Dev

Nokogiri를 사용하여 두 단어 길이의 텍스트가있는 ID로 요소를 추출하는 방법

분류에서Dev

Python을 사용하여 지정된 두 문자열 (시작 및 중지) 사이의 텍스트를 제거하는 방법은 무엇입니까?

분류에서Dev

Chrome의 오른쪽 클릭 컨텍스트 메뉴에서 "요소 검사"를 제거하는 방법이 있습니까?

분류에서Dev

MS Teams 채널에서 메시지를 숨기거나 제거하는 방법이 있습니까?

분류에서Dev

captcha 이미지를 제거하는 방법과 CSS를 사용하여 텍스트 상자입니까?

분류에서Dev

captcha 이미지를 제거하는 방법과 CSS를 사용하여 텍스트 상자입니까?

분류에서Dev

DOM 요소를 제거하거나 jQuery의 $ (this) .html ()에서 선택하는 방법은 무엇입니까?

분류에서Dev

python을 사용하여 사전 목록이있는 두 개의 사전 요소를 비교하는 방법

분류에서Dev

요소를 숨길 때 입력 텍스트의 토글을 방지하는 방법이 있습니까?

분류에서Dev

jquery를 사용하여 요소의 이전 형제를 모두 선택하는 방법은 무엇입니까?

분류에서Dev

CSS에서 오버플로를 사용하는 동안 스크롤 사이드 바를 숨기거나 제거하는 방법은 무엇입니까?

분류에서Dev

html 요소에서 spacific 텍스트를 제거하는 방법

분류에서Dev

두 태그 사이의 텍스트를 제거하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    CSS를 사용하여 형제가 아닌 요소를 표시하거나 숨기는 방법이 있습니까?

  2. 2

    자바 스크립트를 사용하여 값이있는 HTML 요소 제거

  3. 3

    CSS없이 두 개의 HTML 요소를 나란히 정렬하는 방법이 있습니까? 어떻게?

  4. 4

    jQuery를 사용하여 html 요소에서 클래스를 추가하거나 제거하는 방법

  5. 5

    체크 박스를 사용하여 HTML 요소를 표시하거나 숨기는 방법

  6. 6

    Javascript를 사용하여 html 요소를 비활성화하거나 제거하는 방법

  7. 7

    조건문을 사용하여 핸들 바에서 HTML 요소를 표시하거나 숨기는 방법

  8. 8

    C #을 사용하여 목록에서 요소를 제거하는 더 좋은 방법이 있습니까?

  9. 9

    Angular ngIf diretive를 사용하여 요소를 표시하거나 숨기는 방법은 무엇입니까?

  10. 10

    HTML 테이블에서 행 사이의 테두리를 숨기고 CSS를 사용하여 열 사이의 테두리 만 표시하는 방법

  11. 11

    vanilla JS를 사용하여 요소의 HTML 텍스트를 바꿀 수 있습니까? e.target.innerHTML.replace ( '이전 텍스트', '새 텍스트');

  12. 12

    angularjs를 사용하여 html 요소 내부의 텍스트를 얻는 방법은 무엇입니까?

  13. 13

    Vanilla JS를 사용하여 여러 HTML 텍스트 요소를 전환하는 방법은 무엇입니까?

  14. 14

    CSS 또는 JQuery를 사용하여이 요소를 숨기는 방법

  15. 15

    Angularjs를 사용하여 HTML 요소에 배열 json 객체를 표시하는 방법이 있습니까?

  16. 16

    Javascript를 사용하여 HTML의 입력 텍스트 필드를 기반으로 텍스트 요소를 변경하는 방법은 무엇입니까?

  17. 17

    Nokogiri를 사용하여 두 단어 길이의 텍스트가있는 ID로 요소를 추출하는 방법

  18. 18

    Python을 사용하여 지정된 두 문자열 (시작 및 중지) 사이의 텍스트를 제거하는 방법은 무엇입니까?

  19. 19

    Chrome의 오른쪽 클릭 컨텍스트 메뉴에서 "요소 검사"를 제거하는 방법이 있습니까?

  20. 20

    MS Teams 채널에서 메시지를 숨기거나 제거하는 방법이 있습니까?

  21. 21

    captcha 이미지를 제거하는 방법과 CSS를 사용하여 텍스트 상자입니까?

  22. 22

    captcha 이미지를 제거하는 방법과 CSS를 사용하여 텍스트 상자입니까?

  23. 23

    DOM 요소를 제거하거나 jQuery의 $ (this) .html ()에서 선택하는 방법은 무엇입니까?

  24. 24

    python을 사용하여 사전 목록이있는 두 개의 사전 요소를 비교하는 방법

  25. 25

    요소를 숨길 때 입력 텍스트의 토글을 방지하는 방법이 있습니까?

  26. 26

    jquery를 사용하여 요소의 이전 형제를 모두 선택하는 방법은 무엇입니까?

  27. 27

    CSS에서 오버플로를 사용하는 동안 스크롤 사이드 바를 숨기거나 제거하는 방법은 무엇입니까?

  28. 28

    html 요소에서 spacific 텍스트를 제거하는 방법

  29. 29

    두 태그 사이의 텍스트를 제거하는 방법은 무엇입니까?

뜨겁다태그

보관