[問題] 防止動態產生之 HTML 元素之樣式被覆蓋

看板Ajax作者 (道可道非常道)時間9年前 (2014/11/30 10:20), 9年前編輯推噓1(1推 0噓 1→)
留言2則, 2人參與, 最新討論串1/2 (看更多)
如題，設計 bookmarklet 或 browser extension 時， 往往會有些透過 javascript 在目前瀏覽的網頁上建立 HTML 元素， 比如我要設計一個書籤小工具，點擊即建立一個控制選單， 大概通常會產生 div, table, tr, td, p, span, strong, code 但這些元素的樣式可能被目前網頁的 CSS 覆寫， 如有奇葩的 CSS 宣告，比如 span { display: block; } 之類的， 這些動態產生的元素的樣式往往會被覆寫，造成難以預期的排版破壞。 實務上有哪些好方法能把這些動態產生的 HTML 固定為想要的樣式，而不被覆蓋呢？ 我知道可以把所有可能的 CSS 樣式值全部寫進 inline style， 不過這實在是太冗長、太麻煩了orz -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.227.217.139 ※ 文章網址: http://www.ptt.cc/bbs/Ajax/M.1417314028.A.A55.html ※ 編輯: danny0838 (36.227.217.139), 11/30/2014 10:20:55 ※ 編輯: danny0838 (36.227.217.139), 11/30/2014 10:22:08
推
11/30 10:22, , 1F
加個!important
11/30 10:22, 1F
→
12/01 00:40, , 2F
用 Contextual css reset，只reset目標區塊
12/01 00:40, 2F
請問所謂 Contextual css reset 是指這個嗎？ https://gist.github.com/abernier/1109310 ※ 編輯: danny0838 (36.227.217.139), 12/02/2014 15:04:51
‣ 更多 danny0838 的文章
文章代碼(AID): #1KUdxifL (Ajax)
‣ 更多 danny0838 的文章
文章代碼(AID): #1KUdxifL (Ajax)