引言：
這是我自學(xué)HTML+CSS+JS當(dāng)中的關(guān)于CSS的文章，主要是為了自我學(xué)習(xí)和提升，如有不妥之處，歡迎指出。
CSS選擇器：
類選擇器：
【.class {color:red;}】
【.class.class {background:silver;}】
【p.class {color:red;}】
ID選擇器：
【#id {color:red;}】
屬性選擇器：
【[title {color:red;}]】
【a[href] {color:red;}】
【a[href][title] {color:red;}】
【p[class="important warning"] {color:red;}】
【img[title~="Figure"] {color:red;}】選擇title文本包含"Figure"的所有圖像，沒有title屬性或title屬性中不包含"Figure"的圖像都不匹配。
【abc^="def"】 選擇 abc 屬性值以 "def" 開頭的所有元素
【abc$="def"】 選擇 abc 屬性值以 "def" 結(jié)尾的所有元素
【abc="def"】 選擇 abc 屬性值中包含子串 "def" 的所有元素
【*[lang|="en"] {color: red;}】會選擇 lang 屬性等于 en 或以 en- 開頭的所有元素
后代選擇器（包含選擇器）：
【h1 em {color:red;}】把作為 h1 元素后代的 em 元素的文本變?yōu)?紅色
子元素選擇器：
【h1 > strong {color:red;}】把h1下面第一層的strong元素文本變?yōu)榧t色
【table.company td > p】（結(jié)合后代選擇器和子選擇器）選擇作為 td 元素子元素的所有 p 元素，這個 td 元素本身從 table 元素繼承，該 table 元素有一個包含 company 的 class 屬性。
相鄰兄弟選擇器：
【h1 + p {margin-top:50px;}】選擇緊接在 h1 元素后出現(xiàn)的段落，h1 和 p 元素?fù)碛泄餐母冈?br> 【li + li {font-weight:bold;}】只會把列表中的第二個和第三個列表項變?yōu)榇煮w。第一個列表項不受影響，因為用一個結(jié)合符只能選擇兩個相鄰兄弟中的第二個元素。
偽類
偽元素