[問題] 蓋掉 embedded css

[andrew43 (Myrmarachne)]

各位先進同好晚安。

首先說明一下，我所謂的 embedded css 是指直接插在 html head 中的 css，
例如：
        <style type="text/css">
        p {color: #333;}
        ...
        ...
        </style>
這類。

我目前正在修改某 Xuite blog 系統的網頁。
雖然 Xuite 提供使用者自行撰寫 css 檔案的功能，
但在 html 中卻以 embedded css 的方式寫死了某項影響重大的元素樣式：
        #mid{margin:0px 0px 0px 215px;}
其中 #mid 是該 blog 中的主要內容 div。

我想嘗試把這項 css 設定蓋掉，
但 embedded css 沒辦法用引入 css 檔案的方式所覆蓋。

Xuite 似乎沒辦法像 blogger 一樣寫些 javascript 來蓋掉 embedded css，
想請問先進同好們有沒有其它的辦法，謝謝了。

--
http://apansharing.blogspot.com/

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 122.125.200.248
→ darKyle:!important
→ andrew43:但 IE6 不理 !important 囧
推 chph:怎麼可能蓋不掉, 看了xuite部落格, #mid 是定義在最前面的
→ chph:給使用者編輯的CSS在它後面的話就一定蓋的過
→ andrew43:引入的順序已經被固定了，所以好像不行。
推 chph:就算依你說的, 順序在使用者外部樣式表後面, 還是可以覆蓋
→ chph:selector 優先權高於他就好了, 除非是行內樣式
→ chph:否則沒有不能覆蓋的
→ andrew43:喔，我懂了。
→ andrew43:在自己的 css 中，不要用 #mid{} 而用 div#mid 以提高
→ andrew43:優先權就可以了。非常謝謝。
推 buganini:科 這就是cascade的奧義啊