01-選擇器寫法
圖片來源：自己擷取電腦螢幕
1.可以下.main .img .hot span
控制到a 下面的兩個span
也可以省略成下 .hot span 只要整個html不容易相撞到相同的class就可以
2.也可以下.hot .title 就單純控制span class=＂title＂的後面這一行
02-為什麼css開頭要打CSS的@charset "UTF-8"
符集：utf-8,unicode(每個符號都用16bits存儲),gbk,gb2312(這2個好像特別為了支持中文,似乎有一個支持繁體)。一般包含中文字符的時候用gb2312，用到一些特殊字符，例如西歐字符的時候應該用utf-8，以防出現亂碼。
不過utf-8某些時候不好控制，控制的不好容易出現亂碼，例如在將數據寫入數據庫時，用utf-8是比較容易出現亂碼情況的。
GB2312是簡體中文編碼，當文章/網頁中包含繁體中文、日文、韓文時，這些內容可能無法被正確編碼。
UTF-8是UTF-8編碼是一種目前廣泛應用於網頁的編碼，它其實是一種Unicode編碼，即致力於把全球所有語言納入一個統一的編碼。
來源：https://zhidao.baidu.com/question/497317864249821804
03-Chrome好好用
案Ctrl+shift+i就會跑出開發人員工具，可以檢視網頁的基本架構跟使用的css
又發現原來點右上角的 style.css:123 標示這個css寫入在哪一行
點下去會直接看到整個css的檔案
點下該css選擇器右邊的連結
就可以跑出整段css的文本
04.套css 限定有A才有B發動的時候
圖片來源：自己擷取電腦螢幕
在寫css的時候，可以寫成
.nav-item.activ { background-color:red; color:#FFF }
意思是HOME直接作用顯示格子紅色，字體白色
通常會在直接寫一個 .active{ background-color:red; color:#FFF }
在html裡面直接放在後面也可以發動這個效果
TINA大大表示，這種用法是因為工程師不喜歡你加太多class，盡量設定一次到位的方法。
對比一下
.global -nav .nav-item 這是表示選global-nav的下一層.nav-item
..global -nav .nav-item 這是表示選global-nav和.nav-item同一層，必且兩個都在的時候，.nav-item才會有其作用
