我在修改Blogger的CSS時,遇到一個「修先順序」的問題,
據我所知,CSS有重複時,最高優先到最低優先的次序是:
Inline > Embedded > Linked
但是我在Blogger範本的「編輯html」功能,修改CSS,加入Embedded CSS的時候,
卻無法附蓋Linked CSS的效果(Linked CSS來源:
http://www.blogger.com/static/v1/widgets/4219271310-widget_css_2_bundle.css)
詳請可參考圖http://i.imgur.com/OHE5t.png(Chrome Developer Tools)
可見到我寫的Embedded CSS被劃線,無法呈現效果(35px),而是呈現Linked CSS的15px
我有嚐試試過加入!important在Embedded CSS,的確有效果(35px);
但是我還是想弄清楚為什麼會造成這樣的優先次序?
如果能獲得合理的相關解答,將致贈微薄P幣作為感謝~
再次謝謝!
--
據我所知,CSS有重複時,最高優先到最低優先的次序是:
Inline > Embedded > Linked
但是我在Blogger範本的「編輯html」功能,修改CSS,加入Embedded CSS的時候,
卻無法附蓋Linked CSS的效果(Linked CSS來源:
http://www.blogger.com/static/v1/widgets/4219271310-widget_css_2_bundle.css)
詳請可參考圖http://i.imgur.com/OHE5t.png(Chrome Developer Tools)
可見到我寫的Embedded CSS被劃線,無法呈現效果(35px),而是呈現Linked CSS的15px
我有嚐試試過加入!important在Embedded CSS,的確有效果(35px);
但是我還是想弄清楚為什麼會造成這樣的優先次序?
如果能獲得合理的相關解答,將致贈微薄P幣作為感謝~
再次謝謝!
--
All Comments