Jen

為什麼css沒有一個指令就可以取消所有繼承咧

為什麼為什麼!!!!

為什麼一定要把電子報卡在一個頁面咧!!?

最近幫某國立大學教育推廣系弄一個電子報, 把電子報卡在一個頁面裏顯示, 想當然爾CSS多多少少有一些衝突, 於是我很天才的上網去查查有沒有一個指令就可以取消所有樣式的繼承, 讓電子報的樣式是沒有前科, 也就是乾乾淨淨的從零開始. yeah! 查到一句,如果不要繼承樣式, 只要重新複寫樣式即可.. 哇考, 他的意思不就是沒有一個指令可以直接取消所有繼承.. 好吧, 通常遇到這種狀況怎麼辦?

1.使用iframe. 這是個不錯的選擇, 不過就我所知, 在firefox 裏,iframe 好像會吃到母框架的css? (待驗證)

2.可以在電子報版型最外層包一個帶有唯一id的<div>, 然後設計所有css 屬性,例如

<div id="EpaperDiv">
  電子報版型
</div> 

在設計css樣式時,就可以利用#EpaperDiv來加以辨識,

例如您要設計電子報版型的p tag,如下

#EpaperDiv p
{
padding:0;
margin:0;
} 

或者您可以定義一個類別叫 style1

#EpaperDiv .style1
{
font-size: normal;
line-height: normal;
font-weight:normal;
color:#000000;
padding:0;
margin:0;
font-family:nomal;
}

不知道是否還有其他更好更好的方法.

1 意見:

  LittleLin

2008年7月9日 上午5:29

使用 !important 試試?