특정 선택자가없는 텍스트를 숨기기

어쨌든 나는이 단어에 대한 답을 어디에서 발견 할 수 없었습니다. 나는 잘못된 단어를 사용했을 수 있습니다 ...!특정 선택자가없는 텍스트를 숨기기

순수 CSS가있는 다음 스 니펫에서 "영어"라는 단어를 숨길 수 있습니까? display:none의 측면에서, 그래서 어떤 공간을 차지하지 않습니다

<li class="menu-item menu-item-language menu-item-language-current"> 
    <a href="#" onclick="return false"> 
     <img class="iclflag" src="/wp-content/plugins/sitepress-multilingual-cms/res/flags/en.png" width="18" height="12" alt="English" title="English" /> 
     English 
    </a> 
</li>

감사합니다!

출처

2015-01-27 psteinweber

그것은 당신이 무엇을하려고 나에게 분명하지 않다. 텍스트를 '숨기기'위한 많은 옵션이 있습니다. –

텍스트가 스팬에 있다면, 스팬을'display : none'으로 설정하고 싶습니다. 그러나 그것은 하나의 범위가 아닙니다. 물론 'a'링크를 선택할 수도 있지만 이미지를 그대로두고 텍스트 만 사라지게하고 싶습니다. 기본적으로 일반 텍스트를 선택하기위한 선택기를 찾고 있는데, 그럴 경우 ... – psteinweber

숨어서 사용자 입력을 통해 표시하는 것을 의미합니까? – Mayo

글꼴 크기를 0으로 설정할 수 있습니다.

는

a { 
 
    font-size:0; 
 
}

<a href="#" onclick="return false"> 
 
     <img class="iclflag" src="http://lorempixel.com/output/people-q-c-18-12-10.jpg" width="18" height="12" alt="English" title="English" /> 
 
     English 
 
    </a>

출처

2015-01-27 15:36:01

DOM에서 공간이 여전히 걸리지 않을까요? – Mayo

공간을 차지하지 않고 작동하는 것처럼 보입니다 - 멋진 아이디어 :) – psteinweber

DOM에서 "공간"이란 무엇을 의미합니까? 페이지 화면 공간이 없지만 여전히 화면 판독기로 읽을 수는 있습니다 ... 물론입니다. –

특정 선택자가없는 텍스트를 숨기기

답변

관련 문제