css如何选择无文本内容的节点

css选择器可以判断一个只有子元素，但是没有文本内容的节点吗？
例如区分
<button><span>图标</span>ok</button>和<button>ok</button>和<button><span>图标</span></button>

---

这两个不是一摸一样的吗？

---

使用css3的empty伪类
http://codepen.io/BetaRabbit/pen/vGggRO/

---

不好意思，这个编辑器没法显示i节点，我换成span了。
empty只能判断是空节点，无法满足要求。