[問題] css 問題

[paugoo (malank_list)]

請問一下我要這麼樣才能做出這樣的效果呢?

first part second part
__________

應該是說我想要在<ul><li>
                <a href"#">first part
                <span class="no_underline"> second part </span>
                </a>
                </li></ul>
這樣, first part 有底線, second part 沒有底線

我的css style 是長這樣:

#nav ul li a:hover {
        text-decoration: underline;
        color: #fff;
}

#nav ul li a:hover span.no_under {
        text-decoration: none;
}

不過這樣的寫法只有上面的會有效果(會有出現underline), 下面的沒有效果(text-decoration:none 還是會有underline)
不知道是否我的語法有錯.

謝謝大家的教導^^

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 140.112.243.7
→ Canboo:把SPAN包住first part，再設SPAN有底線白字
→ Canboo:你的span.no_under也在A範圍，有底線正常
→ paugoo:感謝你,這樣可以了, 不過我還是不太理解為什麼如果只在後面
→ paugoo:加 span 前面的沒有包 span 就不能
→ paugoo:它不是會被覆蓋掉嗎?
→ paugoo:我大概了解了, 非常感謝^^