css - Apply class to text without inline span -


so have unordered list each li containing image , text. @ particular breakpoint i'm hiding text keeping image displayed. there way target text without putting span around it? i'm using span give display none, works fine. wanted see if has more efficient way of doing this.

<ul>         <li><a href="#" class="btn_task"><img src="images/icon-xs-tasks.png" /> <span>tasks</span></a></li>         <li><a href="#" class="btn_note"><img src="images/icon-xs-notepad.png" /> <span>notes</span></a></li>         <li><a href="#" class="btn_list"><img src="images/icon-xs-lists.png" /> <span>lists</span></a></li>         <li><a href="#" class="btn_outline"><img src="images/icon-xs-outlines.png" /> <span>outlines</span></a></li>     </ul>  @media (max-width: 500px) { ul li span {display: none;}} 

font-size: 0px?

you can mess suppose.


Comments

Popular posts from this blog

java - How to specify maven bin in eclipse maven plugin? -

single sign on - Logging into Plone site with credentials passed through HTTP -

php - Why does AJAX not process login form? -