選擇器分為四大類：屬性選擇器、關係選擇器、結構化偽選擇器和偽元素選擇器。
屬性選擇器：
1、e[att^=value]選擇器
概念：是指選擇名稱為e的標記，且該標記定義了att屬性，att屬性值包含字首為value的子字串。e元素可以省略。
div[id^=section]
表示匹配包含id屬性，且id屬性值是以「section」字串開頭的div元素。
e[att=va
lue]
概念：是
指選擇名
稱為e的
標記，且
該標記定
義了at
t屬性，
att屬
性值包含
字尾為v
alue
的子字元
串。e元
素可以省
略。di
v[id
=value] 概念：是指選擇名稱為e的標記，且該標記定義了att屬性，att屬性值包含字尾為value的子字串。e元素可以省略。 div[id
=value
]概念：
是指選擇
名稱為e
的標記，
且該標記
定義了a
tt屬性
，att
屬性值包
含字尾為
valu
e的子字
符串。e
元素可以
省略。d
iv[i
d=section]
表示匹配包含id屬性，且id屬性值是以「section」 字串結尾的div元素。
e[att*=value]
概念：是指選擇名稱為e的標記，且該標記定義了att屬性，att屬性值包含value子字串。e元素可以省略。
div[id*=section]
表示匹配包含id屬性，且屬性值包含「section」字串的div元素。
關係選擇器
1、子元素選擇器
子元素選擇器主要用來選擇某乙個元素的第一級子元素。如果你希望選擇只作為h1元素子元素的strong元素，可以這樣寫：h1>strong。
兄弟選擇器
概念：兄弟選擇器用來選擇與某元素位於同乙個父元素之中，且位於該元素之後的兄弟元素。
（1）臨近兄弟選擇器：
選擇器使用「+」來連線前後兩個選擇器。選擇器中的兩個元素有同乙個父親，而且第二個元素必須緊跟第乙個元素。
（2）普通兄弟選擇器：
使用「~」鏈結前後的兩個選擇器。選擇其中的兩個元素有同乙個父親，但第二個元素不必緊跟第乙個元素。
第四章 選擇結構
1.switch選擇結構 1 為什麼使用switch選擇結構 下我們來看乙個問題 問題 韓嫣參加計算機程式設計大賽 如果獲得第一名，將參加麻省理工大學組織的乙個月夏令營 如果獲得第二名，將獲得惠普筆記本乙個 如果獲得第三名，將獎勵行動硬碟乙個 否則，沒有任何獎勵。i 分析 這個問題可以用用多重if選...
第四章 初識CSS
css樣式 行內樣式 使用style屬性引入css樣式 style屬性應用 內部樣式 css 寫在枯藤老樹昏鴉 小橋流水人家 古道西風瘦馬 夕陽西下 斷腸人在天涯 外部樣式 css 儲存在擴充套件名為.css的樣式表中 html檔案引用擴充套件名為.css的樣式表。one.css p 枯藤老樹昏鴉 ...
第四章 初始CSS
一.引入樣式 1.行內樣式表 2.內部樣式表 在head標籤裡面,title標籤下面 優點 方便在同頁面中修改樣式 缺點不利於在多頁面間共享復用 及維護，對內容與樣式的分離也不夠徹底 3.外部樣式表 嵌入式匯入式嵌入式和匯入式的區別 1.標籤屬於xhtml，import是屬於css2.1 2.使用鏈...