! important
在屬性的後面寫上時，會覆蓋掉其他屬性
行內樣式，直接寫在標籤內
id選擇器
class選擇器（類選擇器）
標籤選擇器
萬用字元選擇器（*）
瀏覽器的自定義屬性和繼承
序號即是優先順序
title可以為任何值
[title=hello]
[title~=en]：意為元素含有由空格分隔的en的屬性值
[title|=en]：意為元素含有由連字元 - 分隔的en開頭的屬性值
[attribute|="value"]{}例如img[src|="figure"]指定某乙個屬性的某乙個單詞-開頭的元素進行設定，必須是整個單詞
這種屬性選擇器最常見的用途是匹配語言值css 後代選擇器
例如p em
這個規則會把作為 p 元素後代的所有 em 元素的文字變為 紅色
css 子元素選擇器
例如p > em
這個規則會把作為 p 元素子代的所有 em 元素的文字變為 紅色
結合後代選擇器和子選擇器
例如table.company td > p
上面的選擇器會選擇作為 td 元素子元素的所有 p 元素，這個 td 元素本身從 table 元素繼承，該 table 元素有乙個包含 company 的 class 屬性例如
h1 + p緊接在 h1 元素後的 p 元素，且擁有相同的父元素, p 元素的文字顏色變為紅色
只有從第二個開始的才會有效，因為第乙個h1沒有（哥哥）
還有乙個是 ~ ，例如h1 ~ p，它會是 h1 元素後面的所有同級的 p 元素的文字顏色變為紅色
:focus偽類可以設定當input元素被「關注時」的屬性
:first-child偽類設定元素其父元素內的第乙個該元素的屬性
例如p:first-child:lang偽類
關於鏈結未訪問、已訪問、滑鼠停留、正在訪問的偽類
:first-line偽元素
用於向文字的首行設定特殊樣式
"first-line" 偽元素只能用於塊級元素
:first-letter偽元素
用於向文字的首字母設定特殊樣式
:first-letter 偽元素同樣只能用於塊級元素
:before偽元素：在元素的內容前面插入新內容
:after偽元素：在元素的內容之後插入新內容
示例p:before/after
CSS偽類選擇器
原來學習過css偽類選擇器，前幾天寫css發現自己並不熟悉了。這兩天把它撿起來複習一下 css偽類選擇器是用於向某些元素新增特定的效果。錨偽類 包括四種狀態，活動狀態，未被訪問狀態，已被訪問狀態，懸停效果。example a link a visited a hover a active fist ...
css偽類選擇器
link 設定超連結的預設樣式 例如 a a link 不推薦使用 有相容性 one link 不推薦使用 有相容性 visited 設定標籤被訪問過後的樣式 例如 a visited 注意 該偽類選擇器一般不會大量使用，因為瀏覽器存在快取問題。只能設定與顏色相關的屬性 hover 設定滑鼠懸停到標...
css偽類選擇器
名稱 說明ele not 匹配除了誰。裡面填條件，也就是選擇器。ele root 匹配根目錄的意思，在html裡是選 html標籤 ele target url錨點 指向文件內某個具體的元素。那麼該元素就會觸發 target ele first child 匹配父元素下的第乙個子元素必須有父元素，最...