以往寫網頁都是把 CSS Style 在 <head></head> 區段中載入, 今天發現在 <body></body> 區段中載入也是可以的.
另外如果不是要載入 CSS 檔, 而是要把 CSS Style 插入在 <body></body> 區段中, 則需要用 <div></div> 區段把 <style></style> 區段包住.
<head>
...
</head>
<body>
...
<!-- 可以在 <body></body> 區段中另外再載入 CSS 檔 -->
<link rel="stylesheet" href="mystyle.css" />
...
<div>
<style type="text/css">
/* local style sheet 要放在 <div></div> 區段中 */
.alt0 { background-color:#FCFCFC; }
.alt1 { background-color:#E8E8E8; }
...
</style>
</div>
...
</body>
更新 2024/09/20
現在 CSS 的放置位置不再有限制. 原本的限制應該是為 scoped stylesheet 準備的. 不過不知為何這個應該會很好用的 CSS 功能在 HTML 規範中被棄用了, 目前有支援的 browser 只有 Firefox. 取而代之的是 @scope CSS rule (大部份 browser 都有支援, 而 Firefox 則不支援)
參考連結
Can I Use 網站:
WHATWG HTML 規範的 github: Issue #552: Remove <style scoped>
文章標籤
全站熱搜
留言列表
程式 (4)
