PTT數位生活區 / Web_Design

[問題] 快速修改css樣式表

看板Web_Design作者 (acosy)時間7年前 (2018/06/26 08:41), 編輯推噓3(3推 0噓 8→)
留言11則, 4人參與, 7年前最新討論串1/1
我在頁面A.html中的main這個div，想要載入頁面B.html。 頁面a跟b的css是不同的樣式，不必一致，但不可互相影響。 目前的作法是用jquery來load html及append外部css到頁面a的head裡。 這麼做，css會產生衝突。 所以，我想問的是： 一、有沒有更好的辦法，可以避免衝突？ 二、目前想到的作法是在頁面a的main這個div指定一個class，比如叫pageB， 然後在頁面b的css檔的每條規則前面加入 pageB，用來做繼承判斷。 如此一來，main這個div裡的css就只會套用有pageB前綴的規則。 不過，在頁面b的css檔的每條規則前面加入 pageB 也挺累的， 有沒有比較快的方法？ 謝謝！ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.216.97.158 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1529973691.A.4E9.html
→
06/26 09:55, 7年前 , 1F
直接用 querySelectorAll('[class]') 然後都加上
06/26 09:55, 1F
→
06/26 09:55, 7年前 , 2F
pageB 再把結果存起來就行了
06/26 09:55, 2F
→
06/26 09:57, 7年前 , 3F
然後我推完才發現是要加在 css 上 那就用 scss 用個
06/26 09:57, 3F
→
06/26 09:57, 7年前 , 4F
.pageB 把全部包起來 再編成 css 吧
06/26 09:57, 4F
→
06/26 10:00, 7年前 , 5F
postcss 也有 postcss-prefix-selector
06/26 10:00, 5F
推
06/26 13:05, 7年前 , 6F
我會把 a 和 b 頁共用的樣式做成 @mixin
06/26 13:05, 6F
→
06/26 13:06, 7年前 , 7F
然後取不同的 classname，@include 該 mixin
06/26 13:06, 7F
→
06/26 13:07, 7年前 , 8F
(覺得這就是 CSS 的特性，就是這麼麻煩)
06/26 13:07, 8F
推
06/28 17:15, 7年前 , 9F
好奇 webpack 能不能做到 css 模組化？
06/28 17:15, 9F
推
06/30 09:22, 7年前 , 10F
Styled-component
06/30 09:22, 10F
→
07/01 12:21, 7年前 , 11F
webpack 可以用 css module
07/01 12:21, 11F
‣ 更多 acosy 的文章
文章代碼(AID): #1RCOkxJf (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 acosy 的文章
文章代碼(AID): #1RCOkxJf (Web_Design)