>
>
charset
="utf-8"
/>
>
常用選擇器title
>
type
="text/css"
>
/* 為頁面中的所有p標籤，設定乙個字型顏色為紅色 */
/* *元素選擇器
* 作用：通過元素選擇器可以選擇頁面中的所有元素
* 語法：標籤名{}**/
/*p h1*/
/* * id選擇器
* 作用：通過元素的id屬性值選中唯一的乙個元素
* 語法：#id屬性值{}
*//*#p1 */
/* * 類選擇器
* 作用：通過元素的class屬性值選中一組元素
* 語法：.class屬性值{}
*/.p2.hello
/* 為id為p1的元素，class為p2的元素，還有h1，同時設定乙個背景為黃色
選擇器分組（並集選擇器）
- 通過選擇器分組可以同時選中多個選擇器對應的元素
- 語法：選擇器1，選擇器2，選擇器n
*/#p1,.p2,h1
/* 通配選擇器
- 它可以用來選中頁面中所有的元素
- 語法： *
*//* 為擁有class p3 span元素設定乙個背景顏色為黃色
復合選擇器（交集選擇器）
- 作用：可以選中同時滿足多個選擇器的元素
- 語法：選擇器1選擇器2選擇器n
*/span.p3
style
>
head
>
>
>
你好h1
>
>
鋤禾日當午p
>
"p1"
>
鋤禾日當午p
>
class
="p2 hello"
>
鋤禾日當午p
>
class
="p2"
>
鋤禾日當午p
>
class
="p2"
>
鋤禾日當午p
>
>
鋤禾日當午p
>
>
鋤禾日當午p
>
class
="p3"
>
鋤禾日當午p
>
class
="p3"
>
汗滴禾下土span
>
body
>
html
>
1、元素選擇器
2、id選擇器
3、類選擇器
4、選擇器分組（並集選擇器）
5、復合選擇器（交集選擇器）
6、通配選擇器
CSS選擇器之基礎選擇器
選擇器 選擇符 就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說，就是選擇標籤用的。標籤選擇器 又稱元素選擇器，指用html標籤作為選擇器，為頁面中某類標籤設定css樣式。缺點 不能差異化設定樣式，只能選擇全部的當前標籤。語法 基礎選擇器之標籤選擇器title 標籤選擇器 寫上標籤名 ...
CSS 選擇器之基礎選擇器
id選擇器 選擇具體的id屬性值的元素 元素選擇器 選擇具有相同標籤名稱的元素 類選擇器 選擇具有相同的class屬性值的元素。id選擇器，是根據標籤的id屬性值選擇對應的標籤的。格式 id值舉例 定義兩個p標籤，且標籤的id屬性值不同，然後用css定義p標籤的內容如何顯示。google瀏覽器中開啟...
CSS常用選擇器
class 選擇器 選擇並設定 class intro 的元素的樣式 intro id選擇器 為 id firstname 的元素設定樣式 firstname 標籤選擇器 選擇並設定所有 元素的樣式 p並集選擇器 使用 逗號 連線兩個選擇器 選擇並設定所有 樣式和所有 元素的樣式 h1,p 後代選擇...