搞怪的CSS： text-decoration

在改一个项目的时候却遇到了一个莫名其妙的属性：text-decoration，这个属性，其实就只是用来把一段文字加上上横线、删除线或底线的属性罢了，通常会用在移除超链接的底线、或一些特殊强调的效果里头，但是这么容易的属性，为什么会莫名其妙呢？就让我们继续看下去~

项目里遇到的问题

在我的项目里头遇到的问题如下，一个div里头包了一个span，我要“除了这个span之外，其他所有的文字都有底线”，通常看到这个问题一定觉得很简单，只要照下面的CSS写法一定可以达成：

div{    font-size:20px;    text-decoration: underline;}div span{    text-decoration: none;}

理论上应该前一段会有底线，后一段会没有底线，但是实际上却是一条底线通到底…..