作者NelsonT (有人要 GMail 嗎?)
看板Web_Design
標題Re: [求救] dropdown menu 的 CSS 哪裡錯了 :(
時間Sun Dec 25 23:40:04 2005
※ 引述《look ()》之銘言:
: ※ 引述《NelsonT (有人要 GMail 嗎?)》之銘言:
: : 不好意思,再來請教板上的各位。
: : 目前選單的問題已經解決了,可是後來不知出了什麼問題,
: : 有個地方不如我預期。
: : http://www.csie.nctu.edu.tw/~chtai/eden/
: : http://www.csie.nctu.edu.tw/~chtai/eden/web.css
: : 在上方選單,最左方的選單裡頭有個三層選單,
: : 因為第三層選單的字比較長,所以我在 CSS 裡頭有特地把它調寬了,
: : 可是不知改到什麼東西,現在每一層選單的寬度都一樣了 :(
: : 能麻煩各位幫我找找看,是哪裡出了問題嗎?
: 似乎是因為 你的第三層選單是套用class 被前面#nav a 蓋過去了
: 解決方法就有待高人指點囉 因為我得睡了沒辦法花時間想
: 剛剛想了一個 HTML部分你在class="thirdNav" 再加一個 id="thirdNav"
: 然後CSS部分.thirdNav a改成#thirdNav a
自問自答~
因為我在之前有用 #nav a {} 定規則,
雖然在後頭有用 .thirdNav a {} 試圖蓋過之前的規則,
可是因為 id 的權重實在是比 class 大太多太多 (100 : 10),所以蓋不過去。
解法很簡單,讓新規則權重比舊的大就好了,怎麼弄?請看~
#nav .thirdNav a {} 這樣即可 :)
--
╭─────────────────────────────────╮
│ 。你用 KKMan 打逼,卻很羨慕 PCMan 的一堆表情字串嗎? │
│ 。你想在 MSN 或是 Skype 也能丟出一堆表情字串嗎? │
│ 。你想方便的在留言板 或 Blog 加上一些表情字串嗎? │
│
http://www.csie.nctu.edu.tw/~chtai/software/Quick_String.7z │
╰─────────────────────────────────╯
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.104.118.33