心中已經看到有關與@import覆蓋風格的一些類似的問題壓倒一切的CSS樣式,人建議把@import在底部,但似乎並不在這裏工作。與@import沒有工作
--- index.html ---
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
This text should be green.
</body>
--- style.css ---
body {color: red;}
@import url('style-override.css');
--- style-override.css ---
body {color: green;}
以上將輸出紅色文本的例子,而綠色預期。內部頭的style.css後
聲明樣式override.css就能解決問題,但我想用@import 內一個CSS文件。
在樣式override.css中加入!重要也會得到預期的結果,但這不是它應該工作的方式。
任何人都可以解釋這一點嗎?
OK,即使@import在底部宣佈,它將首先被執行,我猜。我其實只是在網站上閱讀。看來只要在頭腦中聲明css或添加!important是唯一的方法。謝謝。 – user1643156
哦,是的,顯然。我甚至都沒有想過這個。導入的規則仍然被覆蓋,因爲在這種情況下,'body {color:red;}'在後面。 – banzomaikaka