您在這裡

override drupal 或module 預設的css問題

adrianmak's 的頭像
adrianmak 在 2008-05-29 (四) 17:21 發表

很多時module 到跟有自己的css

如果我要override module css 內某些 class
比如

ubercart 內某個css

.category-grid-products table {
text-align: center;
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

預設是有border 的,現在我不想有border

那麼我在自己theme 的style.css 應該加

1.
.category-grid-products table {
border:0px;
}

text-align, width 就不用抄到style.css


2.
.category-grid-products table {
text-align: center;
width: 100%;
border:0px;
}

要將整個css class copy 到style.css 然後修改相關的css

應該是那種做法?????

如果只是想要取消border的話,選擇1.或2.應該都沒有差別吧?
tky的做法通常是選擇2.,可以確定到底是哪些css發生影響,如果要覆寫其他的屬性也比較方便。

畢竟模組常常會升級幹嘛的,容易把模組自帶的css一起搞掉。寫在style.css比較保險。

tky

tky