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
Post a Comment