對於初學者來說，是應該最先認識的選擇器，通用選擇器，它的作用是匹配 html 中的所有元素標籤。
語法：*。
**如下（示例）：
*<
/style>
**如下（示例）：
h1p
input
a<
/style>
**如下（示例）：
>
.biaoti
.lianjie
style
>
>
class
="biaoti"
>
這是乙個標題標籤h1
>
class
="duanluo"
>
這是乙個段落標籤p
>
class
="lianjie"
>
這是乙個超文鏈結a
>
body
>
p.duanluo
<
/style>
如果需要不同的標籤有相同的樣式屬性，可以把類名選擇器連在一起使用，中間使用空格分開，類名無關順序。
.duanluo .lianjie
<
/style>
**如下（示例）：
>
#duanluo
#lianjiep
style
>
>
"biaoti"
>
這是乙個標題標籤h1
>
"duanluo"
>
這是乙個段落標籤p
>
"lianjie"
>
這是乙個超文鏈結a
>
body
>
1、相同的class屬性值，可以在html**現多次。id屬性值在頁面中只能出現一次。
2、乙個class的屬性可以有多個值，也就是說乙個標籤可以有多個類。
3、id選擇器以#開頭，class選擇器以 . 開頭。
id選擇器與類選擇器的相同點
id選擇器和類選擇器是區分大小寫的，這取決於文件語言，html 和 xhtml 將類和 id 值定義為區分大小寫，所以類和 id 值的大小寫必須與文件中的相應值匹配。
如果希望選擇有某個屬性的元素，而不論屬性值是什麼，可以使用簡單屬性選擇器
**如下（示例）：
>
[type="text"]
[title]
style
>
>
type
="text"
>
title
="hello world"
>
hello worldh2
>
body
>
後代選擇器又稱為包含選擇器。後代選擇器可以選擇作為某元素後代的元素。
舉例來說，如果您只希望對p元素中的span元素應用樣式。
**如下（示例）：
p span
<
/style>
如果您不希望選擇任意的後代元素，而是希望縮小範圍，只選擇某個元素的子元素，請使用子元素選擇器，子選擇器使用了大於號（子結合符）。
**如下（示例）：
>
h1>strong
style
>
>
>
今天的>
天氣是strong
>
太陽h1
>
>
今天的>
>
天氣是strong
>
em>
太陽h1
>
body
>
注意區分後代和子代，兩者所表達的意思是不相同的。
a:link
a:visited
a:hover
a:active
<
/style>
未訪問的鏈結
a:visited
已訪問的鏈結
a:hover
滑鼠移動到鏈結上
a:active
選定的鏈結
特別注意，在 css定義中：
a:hover 必須位於 a:link 和 a:visited 之後，這樣才能生效，
a:active 必須位於 a:hover 之後，這樣才能生效。偽類也可以與css類配合使用。
:first-child 偽類的用法
**如下（示例）：
>
/*給第乙個p元素新增顏色*/
p:first-child
/*給最後乙個li元素字型加粗*/
li:last-child
/*給第四個li元素設定背景顏色*/
li:nth-child(4)
style
>
>
>
>
這是第乙個段落p
>
>
>
第乙個lili
>
>
第二個lili
>
>
第三個lili
>
>
第四個lili
>
>
第五個lili
>
ul>
>
這是第二個段落p
>
div>
body
>
CSS選擇器整理
1 常用選擇器 a 元素選擇器 簡單選擇器 型別選擇器 匹配特定標籤的元素，格式為 標籤 例如 p h1b 後代選擇器 匹配特定元素或者元素組的後代，格式為 標籤 後代，例如 div p ul lic id選擇器 匹配特定id的元素，格式為 id，例如 information blogd 類選擇器 ...
CSS初學1 選擇器
首先認識了一下為什麼叫做css，原來是英文cascading style sheets的縮寫。中文叫做層疊樣式表。現在的最新版本的css好像是css3.0。一 對於css，設定樣式，具體設定的東西應該就是字的大小 顏色等。1.css是給html設定樣式，所以設定顏色當然是必不可少的了。我現在知道的設...
初學HTML CSS常用選擇器
選擇器 瀏覽器通過選擇器為滿足條件的html元素新增css樣式 id選擇器 瀏覽器為 id標籤屬性的屬性值與 id選擇器名相同的標籤元素新增 css樣式 語法中使用的是 對應的id值 類選擇器 瀏覽器為 class標籤屬性的屬性值與 類選擇器名相同的標籤元素新增 css樣式，語法中使用的是 對應的c...