我有兩個單獨的CSS文件,每個樣式都是頁面的某個部分。具體來說,我爲主內容(header,footer等)製作了一個內容,另一個用於可能是動態的主要內容。我只是將這兩個CSS文件鏈接到頁面,但似乎「主要內容」的風格正在超越「主內容」的風格。如何解決這個問題呢 ?或者如何限制第二個css文件只能定位我可以定義的特定HTML部分的樣式? 我已經試過!重要的CSS屬性。CSS衝突問題
Q
CSS衝突問題
-2
A
回答
0
我只是連接的兩個CSS文件的頁面,但看來,「主要內容」的 風格是騎在「主 內容」的風格。
那是因爲你建立了一些風格,當你加載主內容樣式表,然後加載主要內容的樣式表 ...然後重寫了一些你已經聲明的樣式。
這是級聯。這是應該發生什麼。
E.g.
如果您在主內容樣式表有:
header h1 {
color: blue;
}
,然後,在這之後,你主要內容樣式表您有:
h1 {
color: red;
}
你<h1>
(在<header>
)將是red
。
補充:
您將通過與DOM查看(個),您的瀏覽器(S)重新認識自己做自己一個巨大的青睞。
我的選擇是Firefox和Firebug的,另一些人喜歡Chrome和Chrome的DevTools等
一個DOM查看器將能夠顯示您正在被應用到元素的樣式以及它們被應用的順序...
...所以你可以看到哪些樣式被覆蓋其他(後來的)風格。
0
你應該避免!重要的地方,只要你可以。這是不好的做法。使用更好的類名稱作爲定位元素。你應該閱讀一下CSS的特性以及像SMACSS或BEM這樣的良好的類命名約定。
相關問題
- 1. jquery衝突問題
- 2. 問題與衝突
- 3. UIPageViewController衝突問題
- 4. TNetSharingManager訪問衝突問題
- 5. WriteableBitmap訪問衝突問題
- 6. CSS衝突Liferay
- 7. JQuery CSS衝突
- 8. CSS margin衝突
- 9. 衝突CSS
- 10. 衝突CSS
- 11. VC++庫衝突問題
- 12. 遊戲衝突問題
- 13. 原型/ Mootools衝突問題
- 14. Jquery工具衝突問題
- 15. wxWidgets defaultlib'MSVCRT'衝突問題
- 16. JQuery滑塊衝突問題
- 17. SVN樹衝突問題
- 18. 併發衝突問題
- 19. javascript問題可能衝突
- 20. 修復CSS衝突
- 21. 管理CSS衝突
- 22. css與mozilla衝突
- 23. CSS樣式衝突
- 24. iframes和css衝突
- 25. css類ID衝突
- 26. jQuery用戶界面和Wordpress的CSS衝突問題
- 27. 訪問衝突
- 28. 訪問衝突
- 29. 訪問衝突
- 30. 訪問衝突?
請向我們展示您的CSS。 –
@Robert哥倫比亞它只是兩個鏈接的css文件,它將需要太多的線來查看它們 – MaryBaker
你的問題已經在這裏回答http://stackoverflow.com/questions/9459062/in-which-order-do-css- stylesheets-override –